Skip to main content

All Questions

0 votes
2 answers
288 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
1 answer
251 views

animtion not working on page redirection in safari and IE 11

I have tried to show a loader animation on page redirection, the redirection was initiated via form submit. But the animation is not working in Safari and IE. Have tried CSS keyframe animation, GIF ...
Sivanatarajan's user avatar
2 votes
3 answers
554 views

Removing class does not stop keyframe animation in IE11

The snippet below shows a simplified example of an issue I have found with css animations in Internet Explorer 11. The spin button adds the '.spin' class to the div, which should change the banner's ...
Slappywag's user avatar
  • 1,223
0 votes
2 answers
331 views

IE11 Pseudo-element animation is not working properly

While building a loader icon, I noticed odd behavior in IE11 compared to Chrome, using this animation: @keyframes loader-2 { 0% { transform: translateX(0); } 50% { transform: ...
Jesse's user avatar
  • 3,562
1 vote
2 answers
1k views

Radio button animation not working in ie11 or edge

Ive creating a radio list animation which works in all browsers excluding ie11 and edge. I’ve searched for solutions online but have been unable to fix this compatibility issue. I’m hoping someone ...
user3574939's user avatar
0 votes
1 answer
203 views

Applied animations not running in IE 11

Below is my .css portion where I applied some animations on an element 'cog': .active-svg #cog { animation: cog 5s linear infinite; transform-origin: 75% 75%; } @keyframes cog { from { ...
izSaad's user avatar
  • 579
1 vote
1 answer
154 views

Animation disappears after animation in MSIE11

I have this strange bug in MSIE11, where an animated element disappears right after the end of an animation. See this example .cta-43274891247129739-info { position: absolute; left: 0; ...
yunzen's user avatar
  • 33.2k
1 vote
1 answer
109 views

translate animations behaving oddly on IE11?

I've been investigating and odd behavior when viewing CSS animations on IE11. I've dug up multiple instances where IE11 struggles to digest CSS animations similar to Chrome/Firefox, but, I'd like to ...
J O'Driscoll's user avatar
0 votes
1 answer
35 views

Having some issues with keyframe backround animations in IE

I am having a few issues with keyframe background animations in IE. I am trying to get a few images to slide up into position from off the screen on page load. This code works great in Chrome, but ...
A.Davidson's user avatar
1 vote
2 answers
637 views

Infinite animation using calc is not working in IE11

I have created a simple loading grid in my application, and added an animation over it. This animation seems to work in every browser except IE11. Can somebody help me understand why it doesn't work ...
Jesse's user avatar
  • 3,562
2 votes
1 answer
702 views

deleteRule CSSKeyframesRule method confusing behaviour in IE11

I have created basic animation of a circle using css @keyframes. I'm using javascript to trigger animation start/stop by click inside the circle. The animation itself could be divided into 5 (looped) ...
user avatar
6 votes
2 answers
2k views

IE11 translate scale blurry image

I am trying to create an animation of a balloon flying. All is weel in all modern browsers except IE11. I am using translateX and translateY without any problem but scale is causing the image to ...
R Reveley's user avatar
  • 1,583
1 vote
1 answer
745 views

Sprite animation wobbly / jumping in IE11

I built a semi-transparent sprite png which can be found at https://www.srf.ch/static/srf-data/test_sprite.png It is a 17280px high and 910px wide png (30 * 576 = 17280) - everything seems correct. ...
grssnbchr's user avatar
  • 2,947
3 votes
2 answers
8k views

Keyframes don't work correctly in IE11 [closed]

I have a selection box animation where the selection box gets highlighted. Apparently, the keyframes animation works properly in Chrome but doesn't work properly in IE11. I would like to know what ...
Brk's user avatar
  • 1,297
1 vote
1 answer
206 views

IE11 retaining issue with CSS animation

I have an svg inside a button. it has an initial animation and when you hover it'd has another one that reverse that animation to give you the rotation affect. There is a painting issue in IE11(also ...
Ahmed Mahmoud's user avatar

15 30 50 per page