Geek Answers Handbook

Animation not working on IE

I created the SVG logo for the website that I am trying to animate now, and it works fine on Firefox and Chrome, but for some reason, when I load it in IE, it is considered as a normal image and does nothing. In addition, in Edge there is a transition between the color, but not the dash of the animation. I made a fiddle with raw SVG code: SVG animation Fiddle . On my page, I just put the object and then insert the external .svg file as follows:

<object>
    <embed id="obj" src="LCF.svg"></embed>
</object>

Sorry if this question has already been asked, but I asked a lot before asking, and I did not find anything to solve this problem, including the -ms- prefix, since I use IE 10 and not 9

+4
source share
1 answer

IE will not support CSS animations in SVG. It will also not support SMIL animations, which is the default for SVG.

Alternatives -

  • If this is the logo you create, you can convert it to GIF (animated) and use GIF instead of SVG.

  • Take a look at smil2css . This is a utility that converts SMIL to CSS and works in any version of Internet Explorer that supports CSS.

  • Check out FakeSmile . JavaScript library that allows you to animate web content

+2
source

More articles:


All Articles