- CSS Animation Weekly
- Posts
- CSS Animation Weekly #296
CSS Animation Weekly #296
This week we're exploring building interactive sparkles, variable fonts, and even animating grids!
❤️ Donovan at CSSAnimation.rocks ☕️
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/fd258c0f-5b3f-4ae0-9ee8-073f873e4b3c/spark.jpg)
Learn how to build a handy little sparkline using D3
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/1e7cad29-5447-48fb-8c95-c1c361a7d57e/cover-48d4958.png)
Not just about animation, but variable fonts can be dynamically adjusted to create interesting effects. Learn all about them here
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9a9b5e4d-61c6-4f1d-b7a4-2511f54fa5f7/social_1200x630.png)
A useful article for animating CSS grid values
Inspiration
Very cool demo of a set of animated range sliders
I looked at this logo and suddenly 8 hours passed
Hold the fern! Stunning procedurally-generated plants use Three.js to render differently each time
Random and very cool JS-animated pipes
Neat responsive demo
You can support this newsletter
Want to help me keep this newsletter online? Buy me a coffee!