It's a special week, as it's my birthday and I'm doing some (in-country) travelling to celebrate. This is why it's a little late! Still, i hope you enjoy the 3D illustrations guide, slick thumbnail animations and more.

♥️ Donovan at CSSAnimation.rocks

Articles

Creating 3D Illustrations with CSS — frontend.horse

A fantastic guide to using primitive shapes such as cubes, shading for more complex shapes, animations, shading and more

Thumbnail to Full Width Image Animation — tympanus.net

An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view

Parallax scrolling — cssanimation.rocks

In case you missed it, here's a step-by-step guide to using Rellax to create parallax scrolling

Featured

The Animated Web — theanimatedweb.com

Looking for more general animation inspiration?Find posts and links to cool demos here

Inspiration

Device motion depth demo

Check this one out on mobile! It responds to the device angle to move marbles around in a realistic way

CSS Animation SVG Building

A cool little sequence that builds up this building level by level

Warp Tunnel

A nice warp-speed effect made using HTML and CSS, with no JS!

duolinguo

Pure HTML/CSS recreation of the happy owl and some clouds