CSS3动画不工作在IE9 [英] CSS3 animation not working in IE9

问题描述

CSS3动画在IE9中不起作用。以下是 jfiddle链接。是否有可能让他们在IE上工作或我犯了一些愚蠢的错误？这是不工作的代码：

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;
}

由于IE doent支持此功能，我已使用 jquery rotate plugin

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

这里是我的备用功能IE：

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);
    }
});

推荐答案

有一个类似的线程此处

这篇关于CSS3动画不工作在IE9的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！