Saltar al contenido
Gataca Sites

GATACA / PÁGINA

NEONIX Zoom Background

Un fondo animado con retrato y movimiento sutil

NEONIX Zoom Background transforma un único fotograma en un fondo vivo listo para cubrir secciones completas. La imagen ocupa todo el viewport mediante object-fit: cover y ejecuta un zoom progresivo adelante y atrás en bucle a una velocidad media para mantener interés visual sin distraer.

El recurso está pensado para usar el retrato como capa de fondo en heros, portadas, piezas narrativas o layouts experimentales, manteniendo una implementación muy ligera: HTML + CSS y sin controles visibles.

Incluye compatibilidad con prefers-reduced-motion, de modo que la animación se desactiva cuando el usuario prefiere menos movimiento.

GATACA / PÁGINA

NEONIX Scroll Landing

Una landing construida alrededor del movimiento por scroll

NEONIX Scroll Landing utiliza una secuencia de 80 fotogramas WebP renderizada sobre canvas para convertir el desplazamiento vertical en una animación reversible. Al bajar, la secuencia avanza; al subir, retrocede de forma natural. El recurso evita depender de un vídeo de fondo y mejora el control de la experiencia especialmente en dispositivos móviles.

El hero mantiene la imagen animada como fondo fijo mientras los textos, controles y elementos de interfaz se desplazan por encima. Después continúa con secciones de presentación, servicios, clientes, llamada a la acción y footer, manteniendo una identidad visual coherente en tonos burdeos y rosa.

La implementación incorpora caché limitada de frames, precarga progresiva, canvas con DPR controlado, IntersectionObserver, pausa fuera del área relevante, navegación activa y soporte para prefers-reduced-motion.