freeCodeCamp/guide/spanish/jquery/jquery-animate/index.md

title	localeTitle
jQuery Animate	jQuery animate

jQuery animate

El método animado de jQuery facilita la creación de animaciones simples, utilizando solo unas pocas líneas de código. La estructura básica es la siguiente:

$(".selector").animate(properties, duration, callbackFunction()); 

Para el argumento de properties , debe pasar un objeto javascript, con las propiedades CSS que desea animar como claves y los valores que desea animar como valores. Para la duration , debe ingresar la cantidad de tiempo en milisegundos que la animación debería tomar. El callbackFunction() se ejecuta una vez que la animación ha terminado.

Ejemplo

Un ejemplo simple se vería así:

$(".awesome-animation").animate({ 
    opacity: 1, 
    bottom: += 15 
 }, 1000, function() { 
    $(".different-element").hide(); 
 }); 

Más información:

Para más información, visite la página web oficial.