2012-06-01 29 views
9

CSS3 animasyonlarının IE'de çalışmadığını anlıyorum. Sadece bu sorun için bir JavaScript çözümü olup olmadığını merak ediyordum.CSS3 Animasyon IE8/9

İşte IE yeniden istedikleriyle bir bağlantı: http://animation.kashoo.co.uk/

Herhangi bir tavsiye çok iyi olurdu.

+0

Olası kopyalar (Diyelim ki 200px tarafından sağa doğru hareket etmeye bir nesne animasyon diyelim) http://stackoverflow.com/q/5612352/504930 – devius

+0

Hangi cevabın probleminizi çözdüğünü seçmelisiniz :) – Martin

cevap

3

Kontrol dışarı jQuery'nin hareketlendirmek fonksiyonları:

11

Ben CSS3 geçişleri kullanmak böylece jQuery'nin standart $ .animate() fonksiyonunu değiştiren bir jQuery eklentisi buldum hızlı bir Google aramadan sonra mümkünse:

$.animate-enhanced

düzenleme:

denedikten sonra Bir sitenin üzerindeki yukarıdaki eklenti, site kırdı.

Tarayıcı verilen bir özelliği destekleyip desteklemediğini Temel olarak, (Modernizr ile) kontrol Modernizr.js

gerekir: Ben de aynı sorun ya da değil sahip olacak emin değilim, ama burada benim geçici bir çözümdür ve sonra CSS3 veya Javascript ile canlandırmaya karar verin. Örneğin

:

ait

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'); 
}