web-dev-qa-db-ja.com

CSS3アニメーションがIE9で機能しない

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この機能をサポートしていないので、 jqueryrotateプラグイン を使用してフォールバックを作成しました

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

CSS3アニメーションはIE9ではネイティブに機能しません。同様のスレッドがあります ここ

18
Max Lambertini