Let's learn how to build impressive prototype animations, explore all the angles of a 3D CSS cube, and be inspired!

♥️

Donovan at CSSAnimation.rocks

Articles

A Step-by-step Guide to UI Animation with Principle and Sketch — uxplanet.org

A guide to using prototyping your app's UI animations using Principle and Sketch

Organic Shape Animations with SVG clipPath — tympanus.net

Create some wonderful organic animations with this one from Codrops 

Front-End Challenge Accepted: CSS 3D Cube — www.smashingmagazine.com

In case you missed it, this case study from Anna Selezniova on 3D CSS makes great use of animation

Inspiration

The Pink Potion (All CSS) 🌸

More fun with SVG blurs and animations...

Butterflies drink dark matter

A great take on the old rotating sphere thing. 🦋 Best viewed in Chrome

Animated Pure CSS Barber Pole

A deceptively simple infinite looping barber pole animation 💈

CSS Firefly Checkbox Replacement

Cute animation for this checkbox replacement 

Rainbow ring SVG — codepen.io

An elegant bit of SVG animation on this rainbow ring 🌈

Newton's cradle

Very cute simple animation of a Newton's cradle 

Animation in the real world

Cleo, an intelligent assistant for your money. — meetcleo.com

Loads of storytelling and scroll-triggered animation on this intelligent assistant landing page 👌