Minimalista Parallax scroll plugin con JavaScript-Parallax. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: cfs100
Views Total: 548
Sitio oficial: Ir a la web
Actualizado: August 24, 2018
Licencia: MIT

Vista prévia

Minimalista Parallax scroll plugin con JavaScript-Parallax. js

Descripción

Un plugin de paralaje JavaScript minimalista que aplica un sutil efecto de desplazamiento de paralaje a múltiples elementos dentro del documento.

Funcionamiento

Añada la clase ' paralaje ' a los elementos de destino y especifique la velocidad de paralaje en el atributo ' Data-Speed ':

<div class="parallax el-1" data-speed="4"></div>
<div class="parallax el-2" data-speed="1"></div>
<div class="parallax el-3" data-speed="-2"></div>
...

Coloque el archivo JavaScript Parallax. js al final del documento.

<script src="parallax.js"></script>

Inicializa el complemento de paralaje. Eso es todo.

var parallax = new Parallax('.parallax');

Te puede interesar: