CSS Animation Weekly #58 - Eclipse inspiration, requestAnimationFrame Superpowers and more

By CSS Animation Weekly • Issue #58 • View online

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

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…

medium.com • Share

Interview: Rachel Nabors

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.

motionographer.com • Share

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

Lovely use of colour and subtle animation on this loader

codepen.io • Share

CSS Solar Eclipse

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

codepen.io • Share

Solar Eclipse Loader

Cute little loader animation

codepen.io • Share

CSS-animated eclipse numbering

Eclipse-style bullet list

codepen.io • Share

Other inspiration

Responsive devices animation

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

codepen.io • Share

Average Day of a Pyramid

A day and night cycle of a pyramid 🐫

codepen.io • Share

Animation in the real world

Dance Tonite

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!

tonite.dance • Share

Did you enjoy this issue?

By CSS Animation Weekly

CSS Animation Weekly is a roundup of all the latest CSS animation articles and inspiration. Subscribe now and never miss an issue.

Tweet

Share

If you don't want these updates anymore, please unsubscribe here

If you were forwarded this newsletter and you like it, you can subscribe here