CSS Animation Weekly #282 - 2022!

Happy 2022 everyone! Here's to a much-improved year, but still filled with experimentation, learning and inspiration!

❤️ Donovan at CSSAnimation.rocks

A very seasonal (video) coding tutorial. Recreate the animation seen on the website of ONE-OFF in Three.js using the K-d tree algorithm.

A fascinating explanation for how to make a highly optimised yet gorgeous WebGL globe

Take a look back at some amazing content from Codrops, including lots of inspiring animations

Inspiration

Gorgeous visuals to see in the new year

Rotations, SVG line animations and blur effects bring this classic styled card to life

Subtle window animations and a stretchy cat

Some head bouncing tunes

Some cool ideas here for how to animate input elements using CSS

A nice blur effect to demonstrate how having a HUD in glasses might look

Lots of transitions in this demo

Thank you, from Donovan

I hope you are enjoying my little newsletter! As of this week, you are one of 9,239 wonderful subscribers. That's, like, dozens!

But I'm sure there are more designers and developers you know would appreciate this weekly dose of inspiration. I'd love it if you could forward this email or share this signup page with someone you know who would appreciate it.

Here's to a decent 2022! 🥛