CSS Animation Weekly #314

This week we're exploring cool refraction in WebGL, creating better-timed animations with negative delay, and more.

❤️ Donovan at CSSAnimation.rocks

Cool stuff

Some amazing glass and refraction effects for the web

A handy tip to make in-motion animations appear more natural

Some pretty intense scroll and transition effects in this demo from Codrops

And now a word from...


Congrats to Chris Gannon reaching such a milestone! Cool animation too

A neat way to expand info cards while shrinking the others

A diagonal marquee effect that also makes use of the prefers-reduced-motion preference

A game made entirely with CSS