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

❤️ Donovan at CSSAnimation.rocks

Cool stuff

Webgl Glass and Refraction — offscreencanvas.com

Some amazing glass and refraction effects for the web

Quick Tip: Negative Animation Delay — css-irl.info

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

Large Image to Content Page Transition — tympanus.net

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

And now a word from...

Inspiration

10,000 Codepen followers! — codepen.io

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

Expanding flex cards — codepen.io

A neat way to expand info cards while shrinking the others

CSS Marquee — codepen.io

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

The Mine: No JS, CSS only adventure game — codepen.io

A game made entirely with CSS