Jak przekonwertować przejście css3 do funkcji wygładzania jquery?

Question

Wykonuję suwak zarówno dla nowoczesnych przeglądarek, jak i dla starszych przeglądarek. Używam translate3d i przejścia do animacji w nowoczesnych przeglądarkach obsługujących css3. Używam funkcji górnego, lewego i ułatwiającego 2d dla starej przeglądarki. Używam CSS3 łagodne stąd:

http://matthewlein.com/ceaser/

Chcę, aby przekształcić go do funkcji javascript za pomocą na starej przeglądarce. Wiem, że istnieje wiele funkcji łagodzenia, ale po prostu chcę wiedzieć, jak się konwertować. Czy to możliwe?

Answer 1

Można użyć wtyczki jQuery Bez dla Baziera wygładzanie w 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

wiem, że odpowiedź już była akceptowane, ale chciałbym udostępnić kolejną wspaniałą wtyczkę jQuery przystosowaną do łagodzenia animacji.

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