- CSS Animation Weekly
- Posts
- CSS Animation Weekly #150
CSS Animation Weekly #150
A massive week of tutorials, tools and inspiration!
♥️
Donovan at CSSAnimation.rocks
Great lessons on how to prototype with CSS Grid, Flexbox and CSS animations ✨

Round, flat, designer-friendly pseudo-3D engine for canvas and SVG
Check out Scene.js, a powerful library for creating animated websites combining JS and CSS animations

The awesome Sarah Drasner talks about the future of Web animation, and shares lots of great tips and advice along the way

An interesting tutorial on how to use a handy tool to create circular keyframe animations and a step by step guide to using them in a banner

Looking for motion inspiration? You'll find loads here. It's like Dribbble for UI interactions, including hover effects and more
Featured

A practical guide to creating amazing CSS animation on the web. Enjoy almost 4 hours of my lovely Northern Irish accent ;)
Inspiration
Stunning pure-CSS animation in this infinite scrolling piece of art
Another cool example of 3D using the neat Zdog library
Some interesting flipping-stretching going on here
Gorgeous use of shadows in this Three.js demo
Cute-looking lantern with animated glow and bugs
Don't forget to forward this newsletter to your web designer and developer friends! Share the love.