- 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 ✨
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/da28ca5a-4431-47ee-9df5-a96ff619dcdc/zdog-thumbnail.png)
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
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a347394c-3727-4a97-a933-c8305fcd5109/maxresdefault.jpg)
The awesome Sarah Drasner talks about the future of Web animation, and shares lots of great tips and advice along the way
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/74193feb-4c72-4b61-90bb-f14027b3e02e/maxresdefault.jpg)
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
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c91b7be3-b0c5-4a09-8f8f-9078f2be66d3/meta-img.jpg)
Looking for motion inspiration? You'll find loads here. It's like Dribbble for UI interactions, including hover effects and more
Featured
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/1458fbdb-2c03-44e7-abaf-d4424218bb8f/878230_a9de_3.jpg)
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.