CSS Animation Weekly #241

This week we explore the future of scroll-linked animations, and loads more cool, inspiring, amazing web animation!

♥️ Donovan at CSSAnimation.rocks

A cool future-CSS approach to achieve scroll-based animations in the browser with `@scroll-timeline`

Interesting implementation of a game in-browser. Might be a little slow full-screen

Play around with this amazing example of in-browser wave tracing

Featured

Getting braaains should be fun, so we fill our books, cheat sheets, and newsletters with silliness, zombies, and a whole lot of web development learning. Sign up for our list and get a CSS animation cheat sheet free.

Inspiration

I can't believe this was made with just HTML and CSS! Fantastic 3D animation

Another amazing pure CSS demo - the only thing this lacks is the sound!

Build up complex patterns in this mind-bending hover demo

Topical, but also a nicely timed little "Like" animation