This week we dive into React Three Fiber shaders, CSS border animations, a simple but impressive glowing effect, and lots more!

❤️ Donovan at CSSAnimation.rocks

Cool stuff

The Study of Shaders with React Three Fiber — blog.maximeheckel.com

A complete guide on how to use shaders with React Three Fiber, work with uniforms and varyings, and build dynamic, interactive and composable materials with them through 8 unique 3D scenes

Fantastic CSS border animation

In this article we will use CSS to create a variety of wonderful border effects. Tagged with css, javascript, html, web.

Glowing Gradient Loading Bar Animation Effect — www.youtube.com

A simple yet inspiring little 2-minute tutorial video on making a glowing loading bar using CSS

Finer grained control over CSS transforms — web.dev

Learn how you can use the individual translate, rotate, and scale CSS properties to approach transforms in an intuitive way

And now a word from...

Me! Donovan here. I've been running this newsletter for 5+ years, never missed a week, and I love searching out interesting animation articles and inspiration. But I need your help!

I'm a software engineer, not much of a marketer, so I need help finding more people who might like this newsletter. Do you know someone who would enjoy it? Perhaps a team at work, or your LinkedIn contacts?

If so, let people know, or even forward this newsletter. It's massively appreciated. Many thanks, Donovan 🎉

Inspiration

Coffee Cup CSS — codepen.io

Coffee Mug in CSS created using CSS animation

Pastry for Pritha 🍰 — codepen.io

What better to go with coffee but CSS cake! Check out the flavour options

Pure CSS Cartoon or Not? — codepen.io

This takes the pure CSS art concept to a new level. Amazing animation

Thanks for being a supporter of my little newsletter. Please do share it with your friends!

See you next week.