- CSS Animation Weekly
- Posts
- CSS Animation Weekly #291
CSS Animation Weekly #291
A small week this time, looking at how we can make our data viz stand out, and a handy particles tool to bookmark!
❤️ Donovan at CSSAnimation.rocks
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a4f47b80-c10e-40de-8370-19e1ea047b27/1_RaSVlRAG3lz0y4R2zZStNA.jpeg)
A helpful guide to making the most of our data visualizations, including using motion
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a044c4ae-7b5c-4483-b174-42051e7d8447/0b2e31ff-aef0-45de-99ab-938bae64a744.jpeg)
Easily create highly customizable particles, confetti and fireworks animations and use them as animated backgrounds for your website! Check out the demo.
Inspiration
A lovely use of canvas to draw a Ukraine flag and peace symbol ✌️
Click and drag the letters on this awesome GSAP-animated demo
Mouse movement causes this reflective sphere to distort
A fun melty demo
Animation in the real world
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c44e18f9-1efd-400a-863d-6cbf1b8ab791/share-1200x630.png)
A fun and impressive personal website modelled around a ramen bar!