2012-08-12 31 views
9

Las animaciones CSS3 no funcionan en IE9. Aquí está el jfiddle link. ¿Es posible hacer que funcionen en IE o estoy cometiendo un error tonto? Aquí está el código que no está funcionando:La animación CSS3 no funciona en IE9

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

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

Como IE doent soporta esta funcionalidad he creado el repliegue utilizando jquery rotate plugin

aquí está mi función de reserva para 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); 
    } 
}); 
+1

** $. Support.transition ** no es un nativo y no es parte de jQuery. esto es creado por twitter bootstrap para detectar la disponibilidad de las transiciones CSS3. – Capy

Respuesta

18

CSS3 Animación no trabaje nativamente en IE9. Hay un hilo similar here

+3

Tnx por su respuesta. Por cierto, acabo de crear la alternativa para IE con este complemento http://code.google.com/p/jqueryrotate/ – hjuster