- CSS Animation Weekly
- Posts
- CSS Animation Weekly #321
CSS Animation Weekly #321
3... 2... 1... This week we dive into website easter-eggs, night-time driving effects, lava lamp effects and some challenging maths!
❤️ 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/98ff81fe-4d39-4248-a4b5-4c1db9d8b4b2/hqdefault.jpg)
A fun demo breakdown based on the recent Google homepage easter egg 🛰
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/99c64361-11ce-400e-a280-bb7c9f5b154f/thumb.png)
Learn how this entrancing 3D night time driving demo was created using JS
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/ed9a9364-0ed6-4a82-9e2b-c7133aa35248/LavaLamp.jpg)
In this video coding session, learn how to recreate the lava lamp like gradient from Stripe.com.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/84ae3a47-af9e-46a8-9955-56bc12eabb07/maxresdefault.jpg)
A big part of animation is understanding timing functions - this video explains some math behind linear and other functions
Inspiration
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/1bbe8b9f-1e90-497a-9b08-da5c4456b1a4/XWqKyqg-800.jpg)
Some very clever randomly generated animated blobs!
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8711bcb7-a7df-4d51-9dfb-acc3eeb1175a/NWMgaWV-800.jpg)
Click to expand this animated clip-path demo