This week we're getting better at controlling our scrolling animations, and building animated masonry grid layouts!

♥️

Donovan at CSSAnimation.rocks

Articles

Well-Controlled Scrolling with CSS Scroll Snap

Learn how CSS Scroll Snap can help build animated carousels and more!

mauerwerk - React-spring driven masonry

Working with React? Check out this slick-looking animated grid. You can get the code here.

Featured

Level Up your CSS animation skills | CSS Animation — courses.cssanimation.rocks

Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more in video tutorials.

Inspiration

Pure CSS dancer — codepen.io

See this guy move! 💃🏽

Sparks — codepen.io

This effect is amazing - press Control to see it in slow motion

Nightly Windmill — codepen.io

Gorgeous CSS-animated windmill scene - look for the shooting star!

Dot Menu Animations — codepen.io

Four different menu animations for menu button toggle between dots, cross and back icon.

Space Loader — codepen.io

A beautiful space-themed loading animation 🚀

Westworld Slider — codepen.io

Drag this slider to see the effect recreated from Westworld

CodePen - CSS Unicorn — codepen.io

A pure-CSS unicorn with animated rainbow hair

Animation in the real world

The Bewegen Bike Share System — bewegen.com

So many amazing transitions make this bike share system website really stand out