Magic is in the air! This week we're learning how to animate confidently at 60fps, mastering on-demand animations with Animista, and basking in a wealth of inspiration and cool demos!

♥️

Donovan at CSSAnimation.rocks

Articles

Behind the Illusions - Impossibly High-Performance Layout Animations by David Khourshid — slides.com

Slides from a presentation by the one-and-only David K Piano on how we can animate efficiently in the browser - packed with awesome demos

Master on-demand CSS animations with Animista — www.creativebloq.com

Find out how Animista can help you create CSS animations without the hassle

Featured

Level Up your CSS animation skills — courses.cssanimation.rocks

This is the last week the course will be €19 - next week it goes up! Get in while you can!

Inspiration

Pure CSS Biker — codepen.io

Loads of character in this pure CSS cyclist 🚵‍♀️

Pure CSS Saturn Hula Hooping — codepen.io

Titan watches Saturn hula hoop! 🌎

color layers css animation — codepen.io

A lovely example of overlapping colors in this smooth CSS animation

Icecream loader — codepen.io

A simple and elegant lolly themed loader 🍭

Playful interactions and Animated SVGs — medium.com

Check out these fun SVG animations

Patternson Logo — codepen.io

A simple but effective use if spinning layers

Burfi — www.burfi.co

Subtle background animation brings this agency site to life

Pure CSS Pigeons #weeklycssimages — codepen.io

Even pigeons need their coffee ☕️🐦

[CSS switcher] Toggle — codepen.io

The rolling faces in this toggle are quite special ✨

Animation in the real world

Webflow Ecommerce: Visually design, build, and grow online stores — webflow.com

The animation storytelling in this mini site from Webflow is just amazing ✨