CSS Animation Weekly #313

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

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

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

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

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 Mug in CSS created using CSS animation

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

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.