CSS3動畫在IE9中不起作用

CSS3動畫在IE9中不起作用。這裏是jfiddle link。是否有可能讓他們在IE上工作，或者我犯了一些愚蠢的錯誤？這裏是一個不正常的代碼：CSS3動畫在IE9中不起作用

@-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

這裏的回退是我的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); 
    } 
});

來源

2012-08-12 hjuster

** $。support.transition **不是本地的，也不是jQuery的一部分。這是由twitter bootstrap創建的，用於檢測CSS3轉換的可用性。 – Capy 2012-08-25 18:55:12

CSS3動畫不要在IE9上本地工作。還有一個類似的線程here

來源

2012-08-12 15:31:23

Tnx爲您的答覆。順便說一句，我剛剛創建了使用這個插件http://code.google.com/p/jqueryrotate/的IE回退 – hjuster 2012-08-12 15:55:38

CSS3動畫在IE9中不起作用

回答

相關問題