Efecto de desplazamiento Parallax para fondo fijo-simpleParallax
| Autor: | piersrueb |
|---|---|
| Views Total: | 625 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 22, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Un plugin de JavaScript simple y ultraligero muerto que aplica un sutil efecto de desplazamiento de paralaje a la imagen de fondo fija.
Funcionamiento
Un plugin de JavaScript simple y ultraligero muerto que aplica un sutil efecto de desplazamiento de paralaje a la imagen de fondo fija.
<section id="parallax-container"></section>
Agregue una imagen de fondo fija al contenedor. Tenga en cuenta que la altura del contenedor debe ser inferior a la altura de la imagen.
#parallax-container {
background-image: url('https://picsum.photos/1920/1680/?random');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
height: 400px;
width: 100%;
} Coloque el archivo JavaScript simpleparallax. js al final del documento.
<script src="simpleparallax.js"></script>
Coloque el archivo JavaScript simpleparallax. js al final del documento.
simpleParallax('#parallax-container',6);
