This week we learn how to handle the great power of animation, experiment with some awesome 3D rooms, explore SVG animation as well as loads of inspiration.

Also, there's a competition on right now. You have till Friday to enter for your chance to buy my course for just $1.

♥️

Donovan at CSSAnimation.rocks

Articles

Caveats of Motion in Design

Knowing when and how to animate is as important as knowing how. In this article Adrian Zumbrennen explores how we can ensure our animations help our designs.

Experimental 3D Room Exhibition Layout — tympanus.net

This is pretty cool - an animated series of "rooms" with artwork featured on each. An interesting way to explore content using 3D.

Learning SVG Animation – An Interview with Sarah Drasner

Now is the time to learn how to animate SVG.

Featured

🎉 Module 2 is live! 🎉 — cssanimation.rocks

Competition time: Get the course for just $1 - that's a discount of $239. Also, be quick, the course price is going up later this week.

Inspiration

Animated quote carousel

A simple carousel of quotes that moves from right to left, with some smooth animations to make it stand out.

Grid Loading Animations

Some amazing examples of ways we can animate grid items from Codrops.

Isometric Alphabet Animation

A gorgeous collection of animated SVG letters 🔡

CSS Movie Titles - "North by Northwest"

Lovely work here illustrating the intro movie titles from North by Northwest.

Donut

Donut! Doughnut! Whichever, it's awesome 🍩

Wave with Pure CSS Animation

A subtle and simple loader with beautiful colour transitions.

Loading page

Another loader - this time using a bottom border.

Animation in the real world

Climber Interactive

Beautiful animations make this agency website stand out. From the gorgeous wave page transitions to the tactile interactions everywhere - great work.

That's all for this week! Don't forget to go enter the competition to get the Level up your CSS animation skills course for just $1.

Till next time, Donovan