Subscribe to our newsletter By subscribing, you agree with Revue’s Terms and Privacy Policy. Jul 8, 2019 CSS Animation Weekly #154 This week we're creating staggered animations, using some lovely React animated icons, and splitting CSS Animation Weekly #154 By CSSAnimation.rocks • Issue #154 • View online This week we’re creating staggered animations, using some lovely React animated icons, and splitting text using Splitting.js.♥️ Donovan at CSSAnimation.rocks Different Approaches for Creating a Staggered Animation Staggered animations can be tricky to set up - here’s a guide to some ways of creating these list-enhancing transitions css-tricks.com • Share A micro-animations library These animated icons for React projects look super useful! useanimations.com • Share Splitting.js This looks like a very handy tool to keep bookmarked for when you want to split up some text and animate it! splitting.js.org • Share Featured Level Up Your CSS Animation Skills As a reader, save 92% on my course. Join over 11,000 people learning all about CSS animation today! www.udemy.com • Share Inspiration Manic ball This manic ball would make a terrible buy-now button! codepen.io • Share Variable font animation Lovely example of how variable fonts can be animated - also makes use of the awesome Splitting JS utility codepen.io • Share Dark Armillary These darkly glowing concentric globes are addictive codepen.io • Share Pipes w/ Zdog + GSAP 😎 Lovely 3D work here from Jhey ✨ codepen.io • Share Hexagon kaleidoscope Lovely little kaleidoscope effect using Canvas! codepen.io • Share Easy Op Art with ZIM Some interesting migraine-generating artwork with overlapping shapes codepen.io • Share Showtime Parallax Effect Vertical carousel that uses scrolling nicely (no jacking!) to flick through each card codepen.io • Share Did you enjoy this issue? By CSSAnimation.rocks 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. Powered by Revue Share Share to Twitter Share to Facebook Subscribe to our newsletter By subscribing, you agree with Revue’s Terms and Privacy Policy.