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

Articles

An Innovative Idea for Holding State in CSS

An interesting approach to managing state, in CSS!

Crafting Scroll Based Animations in Three.js — tympanus.net

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

WCAG-friendly Animated Link Indicators

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

Inspiration

Best CSS 3D Cuboid Ever!

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

Tweet-sized warp effect

Cool text-based effect!

CodePen Home Image slider with multiple controls and mobile swipe control (Javascript)

This slider has some handy animations in sequence

Bubblegum on hover

Works best in Chrome. Hover to blur the dots together

Raking Sand

A relaxing little animation - click to start raking sand