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
  • #169711

    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?


    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.


    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.


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

    What gives with that?

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