Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS3 animation not working in IE9

CSS3 animations are not working in IE9. Here is the jfiddle link. Is it possible to make them working on IE or i am making some silly mistake? Here is the code which is not working:

@-ms-keyframes rotating {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); }
}

#rotateMe{
  -ms-animation: rotating 5s linear infinite;
}

As IE doent support this functionality i have created the fallback using jquery rotate plugin

here is my fallback function for IE:

$(function() {
    if (!$.support.transition){
        var angle = 0;
        var angle2 = 0;
        setInterval(function(){
              angle+=0.3;
              angle2-=0.3;
             $(".rotateRing").rotate(angle);
             $(".rotateRingReverse").rotate(angle2);
        },50);
    }
});
like image 657
hjuster Avatar asked Aug 12 '12 15:08

hjuster


1 Answers

CSS3 Animation don't work natively on IE9. There's a similar thread here

like image 59
Max Lambertini Avatar answered Oct 23 '22 15:10

Max Lambertini