Wow.js es una librería que puedes utilizar en tu página Web para darle efectos animados a todos los elementos que contenga como imágenes, textos, formularios… al momento de hacer scroll; está librería funciona juntamente con animate.css que es otra librería que reúne muchos efectos pero estos no son hechos directamente con Javascript sino que son totalmente con CSS3; esto permite que las animaciones que se ejecuten en el navegador tengan un mejor rendimiento y se nota bastante con la fluidez con la que se ejecutan las animaciones. Esta librería es muy sencilla de utilizar, puedes configurar el tipo de animación, el retardo, número de repeticiones.
Ejemplo del código para activar animaciones con el scroll
Sencillamente haciendo los siguientes pasos ya tendrías una animación funcional:
- Incluir la librería de animate.css
[codeblocks name=’html’]
- Agregar la librería e iniciarla
[codeblocks name=’script’]
- Agregar la clase al contenido o etiqueta
[codeblocks name=’animacion’]
Como lo puedes notar es muy sencillo su uso en la página del autor puedes encontrar más documentación para funciones avanzadas.
Link: Wow.js
Deja una respuesta