Pre-order my new book Standout Designs for the Web now.

Stuff & Nonsense product and website design

Smashing Animations Part 6: Magnificent SVGs with use and CSS Custom Properties

Yours truly over at the Smashing Magazine: “SVG is one of those web technologies that’s both elegant and, at times, infuriating. In this article, pioneering author and web designer Andy Clarke explains his technique for animating SVG elements that are hidden in the Shadow DOM.”

Read Smashing Animations Part 6: Magnificent SVGs with use and CSS Custom Properties

November 13, 2025 • Andy Clarke • Animations • Development • Smashing Magazine
My new book

Standout Designs for theWeb

I’ll show you how to uncover a company’s story, develop a distinctive visual language, and combine colour, typography, and layout to create designs that people remember.

Find out more

I’m Andy Clarke. I’ve spent over thirty years helping clients create memorable websites. I’m also the author of five books on web design.

Planning a new website? I’d love to help you create something memorable.

Start a conversation

or book a call with me

You may also like

You might also like

Shop

Standout Designs for theWeb

Drawing on over thirty years of experience, I’ll show you how to uncover a company’s story, develop a distinctive visual language, and combine colour, typography, imagery, and layout to create designs that people recognise and remember.

Find out more
Shop

Layout ❤︎

Free compound grid and modular grid layout generators, plus a set of HTML/CSS layout templates you can call on to make more interesting layouts, available to buy.

Go to Layout ❤︎