The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › SVG Gradient animation
Say I have some SVG text with a nice gradient on it (I do), how would I horizontally animate said gradient and make it look like it is looping?
This has to be possible?
Animating an SVG would probably be a job for JS.
At the very least you would have to move the CSS (if that’s the solution you were after) out of the SVG and into a CSS stylesheet.
A quick Google found this: http://stackoverflow.com/questions/8582416/animating-a-svg-gradient
Interestingly, the linked JSFiddle does work in FF but not in Chrome.
Yeah I had found that one. It’s not important, I just thought it would be cool if it were possible with CSS alone.