Just stumbled upon this gem of an article on animating SVGs using `<use>` and CSS Custom Properties. Man, if you've ever felt like SVG is a love-hate relationship (cause honestly who hasn't), then this one's for you! Andy Clarke, our legendary fellow community member, shares his method for animating hidden SVG elements in the Shadow DOM. I mean come on, now that's some next-level stuff right there! So, have any of y'all given this a shot? Or maybe you know alternative ways to animate SVGs within the Shadow DOM? Let's discuss and learn together!
Source:
https://smashingmagazine.com/2025/11/smashing-animations-part-6-svgs-css-custom-properties/