- CSS Animation Weekly
- Posts
- CSS Animation Weekly #320
CSS Animation Weekly #320
This week we dive into some challenging CSS animation, explore GLSL transitions, and lots of cool inspiration!
❤️ 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/fd6d7ed4-c1e3-447a-848f-0d1fefca9d2c/maxresdefault.jpg)
A video tutorial on creating the Prettier logo animation 🎥
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0144d39d-9009-44e8-a11f-03a1be0419c3/og-100_mvbgru.jpg)
Some beautiful transition effects, complete with example code on Github
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/61697d53-9bf2-4127-807a-06113ed801ba/MenutoGrid.jpg)
Cool demo from Codrops showing thumbnails of a menu row animating to their position in a content preview grid
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/90da9958-29cb-4109-bc33-ce22b706c84b/gOzwPyL-800.jpg)
Press space to start this playable Doom that fits within the expanded iPhone Dynamic Island!
Inspiration
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/53d0481a-9a85-47a4-85d7-0d06d5f87e53/mdLOKom-800.jpg)
Such a cool take on the portal idea!
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/de101633-7bf4-4d28-aac1-614934948a19/dyepVJp-800.jpg)
So much packed into this nicely animated, pause-able, progress button