Come convertire l'andamento della transizione css3 alla funzione di andamento jquery?

Question

Realizzo uno slider sia per i browser moderni che per i vecchi browser. Io uso translate3d e la transizione per creare animazioni nei browser moderni che supportano css3. Io uso 2d in alto, a sinistra e funzioni di easing per il vecchio browser. Io uso CSS3 allentamento da qui:

http://matthewlein.com/ceaser/

voglio convertirlo in funzione javascript per l'utilizzo su vecchi browser. So che ci sono molte funzioni di easing, ma voglio solo sapere come convertire. È possibile?

Answer 1

È possibile utilizzare il plugin jQuery Bez per Cubic Bezier easing in jQuery:

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​ 

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

Answer 2

So che la risposta era già accettato, ma mi piacerebbe condividere un altro ottimo plugin jQuery adatto per facilitare le animazioni.

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