CSS Animation Weekly #181

January 13, 2020

This week we're playing with some mind-bending Three.js effects, optimising our CSS motion path performance, and loads of cool demos. Enjoy!

(P.S. We're almost at 8,000 subscribers! If you like this newsletter, do feel free to let people know, maybe we'll reach 10,000)

♥️ Donovan at CSSAnimation.rocks 

Articles

Create some stunning 3D "building" style animations with texture projection in this tutorial

Some useful tips and techniques for animating along paths with SVG and tips on making animations smoother

Featured

Help support CSS Animation by using this link, which includes an affiliate code, for your local Amazon website. It doesn't cost you anything extra but a few cent from each sale goes to support this newsletter!

Inspiration

I do like a nice poster animation. This uses GSAP for an interesting staggered and loading effect. See more examples here!

This little typewriter animation is so charming 🤗

I really like the sequence of events in this choreographed "processing... done" button animation ☑️

The use of two simple animations here, one to create the shadow, is just glorious

Loads of possibilities in this little animated button demo using box shadows, transforms and blur effects

Hover this gorgeous zebra Z to see a lovely parallax effect 🦓

Finally this week... am iridescent colourful donut, because why not