Orada çeşitli JavaScript animasyon kitaplık birini vs CSS Geçişler kullanarak performans olarak bir fark var mı merak ediyorum? (script.aculo.us, scripty2, , *, *4jsAnimMooTools, vb).

Çeşitli testlerden denedimSafariveKromama aslında herhangi bir fark göremiyorum. CSS Geçişler donanım hızlandırılmış olması gerekiyordu düşündüm.

Güncelleme:

'Effect.Fade 5 farklı DİVs (bazı hatları ile bir tuval, her içeren). Scriptaculous kullanarak denedim Aynı şeyi CSS geçişler kullanarak yapıyor, performansta hiçbir fark göremiyorum. Her ikisini DİV/Branda ile çok düzgün, ama her ikisi de aynı anda 2'den fazla yaptığımda çok yavaş.

Bu denedim4, 5 ()) Safari,Google Chrome 5veFireFox 3.7 pre. Yönüyle aynı sonuçlar.

UpHelix cevabına cevap, sadece hover, vb sınırlı değilsiniz. transitionable herhangi bir stil değiştirerek bir geçiş tetikleyebilir. Örneğin, JavaScript, bu öğe için transitionPropery transitionDuration belirttikten sonra () bir öğe donukluk ayarlayın.

Evet bir fark var, CSS çok daha hızlıdır. Sen aynı anda çalışan elde edene kadar ya da daha fazla onlar görmek zor olabilir. CSS animasyonlar sınırlı da olsa. Çoğu durumda, onlar gerçekten sadece :hover olay değildir. Herhangi bir etkinlikte animasyonlar gerçekleştirebilirsiniz JavaScript ile: , , , , *, keydown, *keyupmouseoutmousemovemouseover11 vb.

Bence jQuery ise JavaScript animasyonlar için çok iyi. jQuery Demos bkz