This week we're exploring interactive web animation with SVG, looking at the subtle ways animation can help mobile navigation and wowed by a cool 3D-glass effect.

♥️ Donovan at CSSAnimation.rocks

Articles

Interactive web animation with SVG by Cassie Evans — www.youtube.com

A great talk from Cassie Evans of Clearleft on animating with SVG

mobile-first-animation — github.com

A handy repo full of performant mobile-first React animation examples! Check it out

Real-time Multiside Refraction in Three Steps — tympanus.net

Learn how to make objects appear glass-like using Three.js.

Featured

Support CSSAnimation.rocks on Patreon! — www.patreon.com

Become a patron of CSSAnimation.rocks today, and help support this newsletter ✨

Inspiration

Infinity jumping ink

Amazing bit of SVG and CSS animation here - figure-8 jumping ink

Rolex Oyster Perpetual Submariner

Amazing attention to detail on this pure HTML/CSS animated watch ⌚️

2000 Followers🥳 3D CSS text

Zed Dash celebrates 2000 followers with this amazing little bit of CSS animation

Infinity Machine

Where does it all end!?

SMIL X-Ray

Some pure HTML/CSS X-ray animation