Imagen de fondo de la animación Parallax en Vanilla JavaScript-BG-Parallax
| Autor: | dreamorosi |
|---|---|
| Views Total: | 2,409 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 9, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
BG-paralaje es un plugin nativo de JavaScript que aplica una animación de desplazamiento de paralaje suave y performante a la imagen de fondo usando ' < a href = "https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame" target = "_ blank" rel = "noopener noreferrer" > ventana. requestAnimationFrame () ' método.
Funcionamiento
Añada una imagen de fondo al contenedor de paralaje. Puede especificar la velocidad de la animación de paralaje utilizando la "velocidad de datos" como esta:
<header class="parallax-panel" data-speed="5"></header>
header {
height: 200px;
background: url('bg') repeat-y;
background-size: cover;
} Descargue e inserte la versión minimizada del BG-Parallax en el documento HTML.
<script src="bg-parallax.min.js"></script>
Inicializa el BG-Parallax y ya está.
window.bgParallax('.parallax-panel')
