Animation not playing in IE and Edge
See original GitHub issueIn IE 11 and MS Edge animations are not playing. This is caused by missing support for the css transform property on SVG.
The suggested workaround of using the transform
attribute instead is not available to us, as we can’t run JavaScript when embedding via <img>
.
–
Currently I can’t see a solution where we actually play animation for IE/Edge. A fallback to a static frame of the users choosing might be achievable via @supports
Issue Analytics
- State:
- Created 6 years ago
- Reactions:2
- Comments:5 (2 by maintainers)
Top Results From Across the Web
Animations does not work on Edge/Internet explorer. Why?
Animations does not work on Edge/Internet explorer. Why? ... Although I added -webkit the animation is still not supported by Edge or IE....
Read more >CSS animation not working in IE11 and Edge - Stack Overflow
I have tried putting my keyframes at the top of my CSS, not in the media query, http-equiv set to IE=Edge, etc. It's...
Read more >Edge Animation not working properly - 4582497
In Internet Explorer, the Edge animation does not load up at all. It seems that while publishing the animation from Edge you t=had...
Read more >Internet Explorer and Microsoft Edge do not load animated ...
Web pages built using the Elementor Builder do not load animation images and text from Internet Explorer and Microsoft Edge.
Read more >Browser Compatibility of CSS Animation on Microsoft Edge 97
To put it simply, if your website or web page is using CSS Animation, then any user accessing your page through Microsoft Edge...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I think it’s okay to close this as of Chromium powered Edge had been released.
Thanks @pixelass for trying out the
opacity
idea.More information about windows / cross browser issues: https://github.com/bokub/chalk-animation/pull/12