The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Animated Clipping In SVG Reply To: Animated Clipping In SVG


Now a new problem faces me, how can I use a class inside of a css url() function?
Currently I have clip-path:url(#leftClip); which means the clip targets an ID so there can only be one per page, meaning if I include the SVG twice on a page, the 2nd ones animation wont work. However if I replace the # with a . and change the svg to class="leftClip" it doesn’t work? How can I use classes in url or something to similar effect?