CSS Animation Weekly #38 - Motion in design, crazy 3D rooms and more

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

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.

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

Now is the time to learn how to animate SVG.

Featured

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

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

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

A gorgeous collection of animated SVG letters 🔡

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

Donut! Doughnut! Whichever, it's awesome 🍩

A subtle and simple loader with beautiful colour transitions.

Another loader - this time using a bottom border.

Animation in the real world

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