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.
InformationsquelleAutor hjuster | 2012-08-12
Schreibe einen Kommentar