CSS3 animation funktioniert nicht im IE9
CSS3-Animationen funktioniert nicht im IE9. Hier ist die jfiddle link. Ist es möglich, Sie in IE oder ich mache einige dumme Fehler? Hier ist der code, der nicht funktioniert:
@-ms-keyframes rotating {
0% { -ms-transform: rotate(0deg); }
100% { -ms-transform: rotate(360deg); }
}
#rotateMe{
-ms-animation: rotating 5s linear infinite;
}
IE doent die diese Funktionalität unterstützen, ich habe die fallback-mit jquery-plugin drehen
hier ist meine fallback-Funktion für den 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);
}
});
- $.Unterstützung.übergang ist nicht eine native und ist nicht Teil von jQuery. dieser wird erstellt durch die twitter bootstrap zu erkennen, die Verfügbarkeit von CSS3-übergänge.
Du musst angemeldet sein, um einen Kommentar abzugeben.
CSS3-Animationen funktionieren nicht nativ auf IE9. Es gibt einen ähnlichen thread hier