This week we're learning how to make slick animated grid previews, and taking in a world of inspiring CSS animation demos!

♥️

Donovan at CSSAnimation.rocks

Articles

Animated Grid Previews — tympanus.net

An awesome tutorial from Codrops on how to create a cool grid preview page transition effect!

Featured

Level Up your CSS animation skills — courses.cssanimation.rocks

Here's your last chance to save 50% on this video course! Learn how to build animate hero headers, hover effects, scroll effects, and much more.

Inspiration

Have you ever been lonely? — codepen.io

"two robots that dance intensely at night and speaks on balance, togetherness and silence" - some gorgeous CSS animation work here 🤖

Geometric Pattern — codepen.io

Subtle yet beautiful effect

3D Oscilloscope — codepen.io

Nice 3D SVG animation on this oscilloscope

The Carrot Dimension — codepen.io

Step into... the Carrot Dimension! This swirling vortex of mathematically generated HTML filter effects!

Candles (Pure CSS Animation) — codepen.io

Very cute little CSS animated candles

Infinity — codepen.io

Pencil, erase thyself!

Time — codepen.io

A nice concept based on the Apple Watch dials, using SVG strokes

loader animation — codepen.io

I do love a nice simple loader animation, and this is one of those things

Dump Truck Loading Animation — codepen.io

Maybe not ideal for everyone's website but I love the humour in this loader!