Animación del background en función del progreso del scroll (scroll-linked animation). #Animation #Scroll #Performance
Animación de fondo interactiva que vincula la reproducción de un video, gif o secuencia gráfica con el desplazamiento de la página. A medida que el usuario hace scroll, la animación responde en tiempo real, generando una experiencia visual envolvente que transforma la navegación en un recorrido dinámico e inmersivo.
- Muchas herramientas de edición de video permiten exportar la animación como un paquete de frames.
- Es necesario ajustar el formato, la extensión y el nombre de los archivos en "images.js". En este caso se utilizaron .webp para reducir el peso en KB.
- La calidad y fluidez de la animación pueden mejorarse aumentando la cantidad de frames (FPS) o duplicando los existentes.