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

Reverse Engineer Google’s NASA Dart Easter Egg with CSS — www.youtube.com

A fun demo breakdown based on the recent Google homepage easter egg 🛰

Nightdrive — incoherency.co.uk

Learn how this entrancing 3D night time driving demo was created using JS

How to Recreate Stripe’s Lava Lamp Gradient with Three.js — tympanus.net

In this video coding session, learn how to recreate the lava lamp like gradient from Stripe.com.

An In-Depth look at Lerp, Smoothstep, and Shaping Functions — www.youtube.com

A big part of animation is understanding timing functions - this video explains some math behind linear and other functions

Inspiration

Generative Gradient Blobs — codepen.io

Some very clever randomly generated animated blobs!

Clipping effect — codepen.io

Click to expand this animated clip-path demo