Le animazioni CSS3 non funzionano in IE9. Ecco lo jfiddle link. È possibile farli lavorare su IE o sto facendo qualche errore stupido? Ecco il codice che non funziona:L'animazione CSS3 non funziona in IE9
@-ms-keyframes rotating {
0% { -ms-transform: rotate(0deg); }
100% { -ms-transform: rotate(360deg); }
}
#rotateMe{
-ms-animation: rotating 5s linear infinite;
}
Come IE doent supporta questa funzionalità io ho creato il fallback utilizzando jquery rotate plugin
qui è la mia funzione di ripiego per 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 ** non è un nativo e non fa parte di jQuery. questo viene creato da twitter bootstrap per rilevare la disponibilità delle transizioni CSS3. – Capy