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?
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.