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
219 views

The CSS animated loader work correctly only once in IE 11

The CSS loader doesn't work sometimes in IE 11. When the page is loaded for the first time, everything is OK. But after the first correct one, the loader is displayed incorrectly, and only the central ...
Станислав Бузов'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
1 answer
867 views

CSS3 animation not working in IE11 and Microsoft Edge

This animation is working perfectly fine in chrome, firefox and opera. But it is not working in IE11 and Microsoft Edge. Can someone point out why it is not working and how can I make it work? https:/...
SanyamMishra's 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
0 votes
0 answers
253 views

Windows 10 w/ IE11 css animation bug

I created a simple css animation when a button is clicked a div folds up with 3 A's for selecting font size. Works fine in IE11 on windows 7 but the text is buggy at best in windows 10. Any ...
Brandon Jacobs's user avatar
2 votes
1 answer
1k views

Simple CSS3 animation not running in IE 11

I have an example of a basic circle loader animation that will not start in IE 11 but runs smooth it just about every other browser Code: .circular-still { height: 150px; -webkit-transform-...
Denoteone's user avatar
  • 4,055
14 votes
2 answers
34k views

CSS3 animation is not working in IE11 but works in other browsers

I have created a CSS3 animation on a button. At the moment, it works perfectly everywhere apart from IE. I know it wont work well in older IE versions, but I was atleast expecting it to work in IE11....
katie hudson's user avatar
  • 2,825
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
1 answer
2k views

CSS3 animations only work on page refresh in IE 11

A site I have taken over is using CSS3 animations to power the slider. They seem to work fine across Chrome/Safari/Firefox but for some reason in IE11 they will not load when you initially hit the ...
whitetiger57's user avatar
1 vote
1 answer
1k views

CSS 3D animation not working correctly in IE11

This animation does not behave as I'd expect it to in IE11. It should open like a book. It was created in Google Web Designer (omitted large portions of the code for brevity). JSFiddle (open in ...
Andrew Gee's user avatar
0 votes
2 answers
2k views

IE10 CSS animation issue

The problem I'm having is that a small section of a website I have built works perfectly on all browsers and on old versions of IE but not on the newest versions. As you may know, IE no longer ...
HippoRustler's user avatar
0 votes
2 answers
3k views

Animation background-image in IE11

I'm trying to apply css3 animation for button: #mobile-nav-button { background-image: url('/images/btn_menu_mobile.png'); background-repeat: no-repeat; background-position: 0 0; width: 40px; ...
Sergey's user avatar
  • 1