CSS Animation Weekly #243

Welcome to another week of awesome CSS animation! This week we explore scroll-based shrinking headers, and adding cool webGL effects, and lots of greta inspiration.

♥️ Donovan at CSSAnimation.rocks

Articles

A nice little trick for making sticky headers resize on scroll, with only CSS!

A very small plugin to add a cool WebGL shader effect to your website

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

Try the settings on this fan-tastic pure CSS demo

A nicely timed, fun hover effect

Tilt your mouse around to see this magic 3D inset cube!

Some cute 3D spinning sushi roll