Forums

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

Home Forums CSS SVG Gradient animation

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #164168
    alexmccabe
    Participant

    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?

    #164169
    Paulie_D
    Member

    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.

    #164170
    Paulie_D
    Member

    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.

    #164346
    alexmccabe
    Participant

    Yeah I had found that one. It’s not important, I just thought it would be cool if it were possible with CSS alone.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.