Animar elementos al desplazarse mediante Animate. CSS
| Autor: | wallacesilva |
|---|---|
| Views Total: | 1,577 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 15, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Sólo otro plugin de JavaScript que hace uso de < a href = "https://daneden.github.io/animate.css/" target = "_ blank" rel = "noopener noreferrer" > Animate. CSS basado en animaciones CSS para animar cualquier elemento DOM a medida que entran en la ventana.
Funcionamiento
Incluya el Animate. CSS necesario en el encabezado de la página HTML.
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
Incluya la versión minimizada de la animación en la biblioteca de desplazamiento en la parte inferior de la Página Web.
<script src="animate-on-scroll.min.js"></script>
Agregue una animación de su elección al elemento de destino utilizando el atributo ' Data-Animation ' como este:
<img class="aos-item" data-animation="fadeInLeft" src="1.jpg" >
