Cómo convertir el easing de transición css3 a la función jquery easing?

Question

Estoy haciendo un control deslizante tanto para navegadores modernos como para navegadores antiguos. Utilizo translate3d y transición para hacer animaciones en navegadores modernos que admiten css3. Uso 2d arriba, izquierda y funciones de aceleración para el viejo navegador. Yo uso CSS3 aliviando desde aquí:

http://matthewlein.com/ceaser/

quiero convertirlo en función javascript para usar en navegador de edad. Sé que hay muchas funciones de aceleración, pero solo quiero saber cómo convertir. ¿Es posible?

Answer 1

Usted puede utilizar el plugin jQuery Bez para Cubic easings Bezier en jQuery:

Demostración: 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

sé la respuesta ya estaba aceptado, pero me gustaría compartir otro gran plugin jQuery adecuado para facilitar las animaciones.

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