CSS Animation Weekly #284

This week we learn how to hold (and animate) state in CSS, craft some amazing scroll animations, and check out some awesome inspiration!

❤️ Donovan at CSSAnimation.rocks


An interesting approach to managing state, in CSS!

Learn how to create a scroll based animation in WebGL with Three.js

Last week's cool hover effect, re-created in an accessible way


A nice simple 2-div implementation of the old 3D cube, using a handy CSS-perspective-based camera

Cool text-based effect!

This slider has some handy animations in sequence

Works best in Chrome. Hover to blur the dots together

A relaxing little animation - click to start raking sand