jQuery UI API - Easings

Las funciones de easing especifican la velocidad de avance de una animación en diferentes puntos. El núcleo de jQuery incluye dos easings: uno eslinear, toda la animación avanza a una velocidad constante; el otro esswing(el easing predeterminado del núcleo de jQuery), la velocidad de avance es un poco más lenta al inicio y al final de la animación que en la mitad. jQuery UI proporciona algunas funciones de easing adicionales, que van desde variaciones del comportamiento de oscilación hasta efectos personalizados, como el rebote.

Algunos easings producen valores negativos durante la animación. Según la propiedad de la animación, el valor real puede ser cero. Por ejemplo, usted puedelefttomar como valor negativo, pero no puedeheightoopacitytomar como valor negativo.

Para comprender mejor cómo un easing afecta a una animación, se necesita dedicar más tiempo a estudiar los gráficos de las ecuaciones. Vea a continuación los gráficos de curvas de todas las animaciones disponibles en jQuery UI.