SVG css3 transition on fill not working when there is external link

Question

I have a problem similar to this one : here.

Only difference is that the page I want to link the SVG to is an external page meaning : http://www.google.ca

C

Answer 1

I am a bit late with this answer, but just in case it might help others who end up on this page, this issue appears to result from a know Chrome bug (101245). Basically, the transition stops working once the link is visited.

Therefore, to fix this issue, assuming you don't want to wait for the bug to be fixed, you will need to use a strategy that tricks the browser into thinking the link has not been visited.