- CSS Animation Weekly
- Posts
- CSS Animation Weekly #325 - Scary grids and terrifying math ๐ป
CSS Animation Weekly #325 - Scary grids and terrifying math ๐ป
Happy halloween! This week we're celebrating spookiness with... ah... scary grids and terrifying math! Wooooo!
โค๏ธ Donovan at CSSAnimation.rocks
Cool stuff
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/3bb4ff8a-807a-4470-8841-79a1cd315c87/DBUXaF63Cw1X5wMlI7Jh.jpg)
Some useful tips and exploration of ways to create smooth transitions for grid layouts
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/cb8f7355-6c9b-48fc-aa64-11ffc9b00a83/maxresdefault.jpg)
While the maths here is above my head, I enjoyed the clear and accessible presentation explaining how we can use maths to create procedural, dynamic animation timing without keyframes.
And now a word from...
Inspiration
A collection of ghastly ghost and ghoul inspiration to celebrate the spooky season!
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/121bd0f1-bcb4-47ef-976d-9e5473cab435/screenshot1.jpg)
A real-time 3D digital map of Tokyo's public transport system, produced by Akihiko Kusanagi.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/6f0e6f20-0860-49ea-8191-a3ada98016b1/oNdRbLw-800.jpg)
Lovely use of animated squircles! It reminds me a bit of this WWDC demo
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/6837eab7-d9a2-4dbc-afea-a300ec9e6a34/JjvapBM-800.jpg)
I can't get enough of CS-only games, and this one using checkboxes and :has is amazing
One last link - I'm wary of linking to Twitter these days, but this is a lovely thread on how some cool blobby interactive animation was created