Diseño Web, Javascript

Wow.js: Crea animaciones cuando haces scroll

scroll

scroll

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

Acerca de Jesús Velasco

Soy desarrollador Web y mi objetivo dentro de Esbrillante, es poder ayudar a mis clientes a mejorar la visibilidad de sus negocios en Internet, por medio de estrategias de Marketing Online.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *