CODEWITHSUNDEEP
htmlcsssvg
Bruno Vezoli
Bruno Vezoli

Reputation: 103

Animation not working on IE

I made an SVG logo for a website which I'm trying to animate now and it works great on Firefox and Chrome but for some reason when I load it on IE it is treated as a normal image and does nothing. Also, in Edge it does the transition between color but not the dash animation. I made a Fiddle with the raw SVG code: SVG animation Fiddle. In my page I just put an object and then embed the external .svg file like this:

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

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

Upvotes: 3

Views: 351

Answers (1)

Aditya Ponkshe
Aditya Ponkshe

Reputation: 3890

IE won't support CSS animations on SVG. It also won't support SMIL animations which are default for SVG.

Alternatives-

  1. If it is a logo you're building, you can convert it into GIF(animated) and use GIF instead of SVG.

  2. Have a look at smil2css. It is a utility which converts SMIL to CSS and works in any Internet Explorer version that supports CSS

  3. Have a look at FakeSmile . A JavaScript library that allows you to animate web content

Upvotes: 2

Related Questions