- CSS Animation Weekly
- Posts
- CSS Animation Weekly #324
CSS Animation Weekly #324
This week we explore animated grids, ThreeJS post-processing and more!
❤️ 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/d0660229-e7eb-4ac7-9abd-743d0537c2b9/maxresdefault.jpg)
A handy little video tutorial on creating a scalable, animated grid effect
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0c3830c5-5bcc-46ce-80dd-ae9fb7f4766d/animate-css-grid.png)
Easily transition CSS grid layouts from one state to another with this JS tool.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/02f33dc2-2eac-457f-85d4-d966f5f409db/abGjoLq-800.jpg)
A whimsical exploration of colour pigments
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/99389dc1-90fa-42f2-9737-609ee3a72d8b/maxresdefault.jpg)
A video tutorial on creating an amazing video effect
And now a word from...
Inspiration
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9f71901f-f435-49eb-8831-05c0ff05e3ea/QWrxPyJ-800.jpg)
This pen combines the power of 3D CSS, background-clip, and a touch of JS to create a functional 3D paper shredder!
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/62a0254a-26ad-46cd-829e-6b46dfeb9802/mdLGmVK-800.jpg)
...Makes Things Look 3D! Handy demo showing how a simple shadow animation can make a big difference
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/94b604e1-2c16-462d-9c51-46606211f22a/ui26.jpg)
Codrops beings us another great roundup of inspiring creative Dribble shots
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/af38cb89-6945-41f2-a14d-98af63da8700/ogp.jpg)
Amazing Japan-based studio Junni has a wonderful, fun, animated website
That's all for this week! See you next week!