Css3 geçiş hızını jquery hafifletme işlevine nasıl dönüştürebilirim?

Question

Hem modern tarayıcılar hem de eski tarayıcılar için bir kaydırıcı yapıyorum. Ben css3 destekleyen modern tarayıcılarda animasyon yapmak için translate3d ve geçiş kullanıyorum. Eski tarayıcı için 2d üst, sol ve hareket hızı fonksiyonlarını kullanıyorum. Buradan hafifletilmesi CSS3 kullanın:

http://matthewlein.com/ceaser/

Ben eski bir tarayıcı ile kullanmak için JavaScript işlevine dönüştürmek istiyorum. Orada bir çok kolaylaştırma fonksiyonu var biliyorum, ama sadece nasıl dönüştürüleceğini bilmek istiyorum. Mümkün mü?

Answer 1

jQuery'ye Kübik Bezier Yumuşatmalar için jQuery Bez eklentisini kullanabilirsiniz:

Demo: http://jsfiddle.net/SO_AMK/sbZ7a/

jQuery:

$("#box").click(function() { 
    $(this).animate({ 
     "margin-left": 200 
    }, 2000, $.bez([0.685, 0.595, 0.020, 0.720])); 
}); 

// Take the Ceaser output and put the values in, in order, like above. i.e. cubic-bezier(0.685, 0.595, 0.020, 0.720) would end up as the above value​ 

Eklenti: https://github.com/rdallasgray/bez

Answer 2

Cevabın zaten biliyoruz kabul edildi, ancak animasyonları kolaylaştırmak için uygun başka bir harika jQuery eklentisi paylaşmak istiyorum.

http://ricostacruz.com/jquery.transit/