Jul 8, 2019

CSS Animation Weekly #154

This week we’re creating staggered animations, using some lovely React animated icons, and splitting text using Splitting.js.

♥️ Donovan at CSSAnimation.rocks

Staggered animations can be tricky to set up - here’s a guide to some ways of creating these list-enhancing transitions

These animated icons for React projects look super useful!

This looks like a very handy tool to keep bookmarked for when you want to split up some text and animate it!

Featured

As a reader, save 92% on my course. Join over 11,000 people learning all about CSS animation today!

Inspiration

This manic ball would make a terrible buy-now button!

Lovely example of how variable fonts can be animated - also makes use of the awesome Splitting JS utility

These darkly glowing concentric globes are addictive

Lovely 3D work here from Jhey ✨

Lovely little kaleidoscope effect using Canvas!

Some interesting migraine-generating artwork with overlapping shapes

Vertical carousel that uses scrolling nicely (no jacking!) to flick through each card

Did you enjoy this issue?

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

Tweet

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.