CSS3 Animation in IE8/9

Ich verstehe, dass CSS3-Animationen funktionieren nicht im IE. Ich wurde gerade gefragt, ob es einen JavaScript-workaround für dieses problem.

Hier ist ein link zu dem was ich will wieder IE: http://animation.kashoo.co.uk/

Jede Beratung wäre toll.

InformationsquelleAutor Michael Bulpitt | 2012-06-01
  1. 11

    Nachdem eine schnelle Google-Suche fand ich ein jQuery-plugin, das ändert sich die jQuery standard -$.animate () - Funktion, so dass die CSS3-übergänge, Wann immer möglich:

    $.animate-enhanced

    edit:

    Nach dem Versuch die oben genannten Plug-in auf einer site von mir, die Seite brach. Ich bin mir nicht sicher, ob Sie das gleiche problem haben oder nicht, aber hier ist mein workaround:

    Müssen Sie Modernizr.js

    Im Grunde, Sie prüfen, (mit Modernizr), ob der browser ein bestimmtes feature, und dann entscheiden, ob Sie zu animieren mit CSS3 oder Javascript.

    Beispiel:

    (Sagen wir, Sie sind animation ein Objekt zu bewegen, nach rechts und 200px)

    if(Modernizr.csstransitions) {
    //use your appropriate browser prefixes
    yourDomObject.style.transition = 'left 2s';
    yourDomObject.style.left = parseInt(yourDomObject.style.left) + 200 + 'px'

} else {

    var left = parseInt($(yourDomObject).css('left')) + 200 + 'px';
    $(yourDomObject).animate({
        'left' : left
    },2000,'easeOutExpo');
}
    InformationsquelleAutor Martin
  2. 3

    Check-out-jQuery animate-Funktionen:
    http://api.jquery.com/animate/

    InformationsquelleAutor Josh Siok
  3. 1

    Gibt es zahlreiche JQuery-plugins, die liefern Animationen. Hier ist eine, die hat einen flip-Effekt, ähnlich der, die Sie suchen. http://lab.smashup.it/flip/

    InformationsquelleAutor sachleen
Schreibe einen Kommentar