Forums

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

Home › Forums › CSS › SVG Fill Color Hover Transitions Not Animating

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 10, 2014 at 6:34 am #169711
    bmoneruiux
    Participant

    I have transition animations on an SVG and everything is working fine except for the fill colors of .logo-square and .logo-bg. The color just changes without any pretty transitions. I definitely have it listed as a transitio, and it works in my pen.

    Can someone lend a hand as to what I’m maybe missing?

    May 10, 2014 at 10:27 am #169722
    Paulie_D
    Member

    Looks fine to me both on the site and the pen…0.35s isn’t very long though

    Try making it longer to really check.

    May 10, 2014 at 10:29 am #169724
    bmoneruiux
    Participant

    What browser are you using?

    On the pen, the violet color animated in smoothly. On the actual site, it just turns on and off abruptly. The scaling of the square seems to be the only thing accepting the animation transition timing.

    The background should take as long to change colors as the square does to scale down.

    May 10, 2014 at 10:31 am #169725
    bmoneruiux
    Participant

    Hmm oddly enough it works PERFECTLY in FireFox…but not Chrome or Safari.

    What gives with that?

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