Cómo utilizar animate.css

animate.css es una biblioteca de animación css3. Puede descargarla desde github. Hay muchos ajustes preestablecidos de animación de uso común. Primero puede ver el efecto de demostración en esta página. Su uso también es muy simple, porque combina diferentes. las animaciones están vinculadas a diferentes clases, por lo que qué animación queremos usar, solo necesitamos agregar la clase correspondiente al elemento.

Primero, debes introducirla en el encabezado. Descarga animate.css file

Luego, agregarás clases de animación a los elementos que deseas animar. archivo css.

Luego, no importa a qué elemento quieras agregar la clase de animación, agrega la clase de animación allí y un nombre de clase de animación específico, animado es lo que se debe agregar a cada elemento que quieras animar. amable.

Supongamos que está utilizando jquery y desea agregar una animación de vibración al elemento con la demostración de id, porque la clase de animación de vibración se llama shake

De esta manera puede cargar la página y hacer que el elemento se mueva. También puede eliminar la clase de animación una vez completada la animación para realizar la misma animación nuevamente.

En cuanto a los parámetros de configuración de la animación, como la duración de la animación, los tiempos de ejecución de la animación, etc., puede definirlos usted mismo en el elemento y anular los parámetros definidos en animate.css.

Tenga en cuenta que también debe recordar anteponer a estos atributos el prefijo del navegador.

En resumen, es muy flexible. Después de todo, no es un archivo CSS. Puedes entenderlo de un vistazo. Si no quieres usarlo, puedes ajustarlo. nombres de clase que proporciona, simplemente cámbielos. Si solo desea utilizar algunas de las animaciones internas, también puede utilizar esas animaciones para separarlas. Su sitio web oficial también proporciona dicha función.