A huge week for CSS animation - we have a public working draft of the CSS Animation Worklet API, discovering UI easter eggs, and loads of inspiration!

♥️ Donovan at CSSAnimation.rocks

Articles

First Public Working Draft: CSS Animation Worklet API — www.w3.org

Make a pot of tea and read about the future of CSS animation in the browser - the CSS Animation Workout API! Performant, scriptable browser animations

The best CSS animation examples to recreate — www.creativebloq.com

Some great examples of CSS animations - along with tips upon how to create them yourself!

Delightful User Interfaces: Easter Eggs

See how Netflix used CSS animation to make an efficient easter egg for the show Jessica Jones

Featured

Level Up Your CSS Animation Skills

A practical guide to creating amazing CSS animation on the web! Join over 8,500 students learning all about animation on the web

Inspiration

EQ-like thingie

Some cool Pug work on this CSS-animated EQ-style... thingie

Particle effect

This three.js particle animation looks like a wind tunnel or weather map

circle around circle

Lovely simple playful movement on this circle animation

Card Hover Effect | SASS | Cubic Bezier

A simple but useful way of showing information on hover using a nice fast cubic-bezier timing function

crystal — ykob.github.io

Absolutely gorgeous photo-realistic shiny crystals made using three.js!

Tiled Wave - made easy with ZIM

See how to easily create a tiled wave effect using ZIM

That's all for this week! Be sure to forward this email to anyone who might like to see some cool CSS animation stuff. It'll make you look cool too!