CSS Animation Weekly #264

This week's all about the SVG and CSS transformations, plus some very cool 3D animated demos.

♥️ Donovan at CSSAnimation.rocks

Articles

What If... we could use SVG filters and masks to create a marvellous animated reveal effect? You have DC this.

The “transform” property is such a powerful part of the CSS language! In this blog post, we'll take a deep look at this property and see some of the nifty things it can do.

Inspiration

An audio reactive scene built with React Three Fiber. Speakers on for this one!

Some fun use of ThreeJS and SVG animated using GSAP

Some 3D dominos in Three.js

Some shiny squishy buttons

Animation in the real world

I'd not heard the term "digital craftsman" before, but I like it. Might start using it myself. Check out Jacob's awesome bio site, full of scroll-triggered animations and SVG effects.