Skip to main content
The 2024 Developer Survey results are live! See the results

All Questions

0 votes
2 answers
289 views

IE11 SVG transform: translate not working

I want to animate a circle @keyframes animation { 0% { opacity: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 1; -webkit-...
Yamada JP's user avatar
0 votes
2 answers
3k views

Custom HTML Embedded SVG animation not working in IE 11?

I am using webflow and embedded a custom HTML SVG animation into the background of the page. Works great in everything but internet explorer 11. How can I fix this so that it works across all browsers?...
Nicholas Ridpath's user avatar
1 vote
0 answers
980 views

In IE11 SVG stroke-dashoffset creates "fixed" dash

This is kind of hard to explain, so I'll start by linking to a my CodePen that demonstrates the issue, and ask you to open it in IE11 to see the issue, and another browser (Chrome, for example) to see ...
Malcalevak's user avatar
1 vote
1 answer
1k views

Animating SVG in IE 11+

I've been trying to animate this heart SVG and this codepen seems to work fine in chrome, firefox, and safari on Mac but in IE 11+ I can't seem to find a resolution anywhere. All I need it to do is ...
Nicole M's user avatar
30 votes
4 answers
65k views

SVG animation is not working on IE11

I have a really simple loading animation that works perfectly on Firefox and Chrome, but in IE11 it's not showing the SVG figure. Here is the full example: JSFiddle sample SVG: <svg class="...
Pablo's user avatar
  • 475
2 votes
0 answers
937 views

IE 11 magically crashing when doing animation with velocity.js and svg

the js fiddle showing the crash of ie 11 when running velocity.js to do a svg animation just left click on the arrow with the f next to it this only happens in IE 11, maybe on other versions of IE ...
Toskan's user avatar
  • 14.6k