Blog Aula Formativa

Plugin JQuery para añadir efecto parallax

El efecto parallax se ha convertido en una tendencia. Este efecto podría ser perfecto para contar historia pues permite que usuario se desplace vertical u horizontalmente por la pantalla. Ahora puedes implementar este efecto de manera rápida mediante el uso de los plugin JQuery que te listamos a continuación:

Parallax.js

Este ligero plugin es una solución perfecta para crear efectos parallax. Aparte de funcionar con el cursor, tiene soporte para móviles. Tiene muchas opciones para crear un efecto parallax a tu medida por medio de JavaScript.

ScrollMagic

Este plugin te permite usar una barra  para desplazamiento (también conocido como scrolling). Si quieres incorporar animaciones en una posición determinada de scroll este es el plugin para ti.

jInvertScroll

Este ligero plugin JQuery te permite manipular el comportamiento predeterminado y fuerza un desplazamiento horizontal. Funciona con opciones de configuración son mínimas y puedes añadir elementos animados si lo deseas.

JQuery Interactive BG

Este plugin JQuery te pemite crear fondos u elementos interactivos que reaccionan al movimiento del cursor.

Parallax Image Scroll

Este plugin te permite crear el efecto parallax con imágenes. Es muy sencillo de usar y tiene soporte para añadir animaciones.

Parallaxify

Este plugin JQuery añade el efecto parallax a elementos o tu fondo basado en la orientación del dispositivo o el movimiento del ratón.

Jarallax

Esta librería JavScript te permite crear y personalizar tus efectos parallax. También te permite manipular el código CSS para configurar a qué tipo de eventos las animaciones reaccionarán (scrolling, cursor, etc). El código de las animaciones puede ser en JavaScript o CSS.