internet-explorer - CSS3 动画在 IE9 中不工作

Question

CSS3 动画在 IE9 中不工作。这是 jfiddle link .是否有可能让他们在 IE 上工作，或者我犯了一些愚蠢的错误？这是不起作用的代码:

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

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

由于 IE 不支持此功能，我使用 jquery rotate plugin 创建了后备方案

这是我的 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);
    }
});

Answer 1

CSS3 动画无法在 IE9 上原生运行。有一个类似的线程 here