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);
}
});
** $. 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