This week it's an eclipse special! Also be sure to take a moment to read about the awesome things we can do with requestAnimationFrame, and hear from Rachel Nabors.

♥️

Donovan at CSSAnimation.rocks

Articles

Gain Motion Superpowers with requestAnimationFrame — medium.com

This is the kind of thing that gets me excited - an article how we can use requestAnimationFrame to create all sorts of smooth animations using JavaScript! Essential reading...

Interview: Rachel Nabors — motionographer.com

This Motionographer interview is full of great quotes and insights from Rachel on the nature of animation, web work and the intersect of the two worlds.

Eclipse Inspiration

In case you missed it, last week saw a fairly large eclipse. To celebrate, we're looking at eclipse-themed CSS loaders and animations!

Eclipse — codepen.io

Lovely use of colour and subtle animation on this loader

CSS Solar Eclipse — codepen.io

See the majesty of a solar eclipse recreated in this massively sped up CSS simulation (try saying that 3 times) 💥

Solar Eclipse Loader — codepen.io

Cute little loader animation

CSS-animated eclipse numbering

Eclipse-style bullet list

Other inspiration

Responsive devices animation — codepen.io

The transitions between each of the devices as you resize the screen is just lovely here 🙌

Average Day of a Pyramid — codepen.io

A day and night cycle of a pyramid 🐫

Animation in the real world

Dance Tonite — tonite.dance

Not CSS as such but well worth checking out. In this Chrome experiment, LCD Soundsystem created a fully in-browser interactive VR experience. On desktop or mobile, select the characters to see things from their perspective!