question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Animation not playing in IE and Edge

See original GitHub issue

In 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:closed
  • Created 6 years ago
  • Reactions:2
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
henryruhscommented, Feb 13, 2020

I think it’s okay to close this as of Chromium powered Edge had been released.

0reactions
marioneblcommented, Jan 28, 2018

Thanks @pixelass for trying out the opacity idea.

More information about windows / cross browser issues: https://github.com/bokub/chalk-animation/pull/12

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found