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

NIK Velocity Background

Movimiento cinematográfico a partir de una sola imagen

NIK Velocity Background transforma la imagen oficial del vehículo en un fondo dinámico mediante un zoom progresivo y continuo. No añade textos, botones, navegación, overlays ni controles: toda la experiencia se concentra en la fotografía.

La imagen cubre el viewport con object-fit: cover y parte de escala 1 hasta alcanzar aproximadamente 1.13 en 16 segundos. El movimiento es claramente perceptible y algo más ágil, pero mantiene una presencia premium sin resultar agresivo.

La animación se desactiva cuando el usuario solicita movimiento reducido mediante prefers-reduced-motion, conservando la imagen estática como fondo.

GATACA / PÁGINA

Samurai Background

Atmósfera samurái en movimiento

Samurai Background utiliza el vídeo del recurso Samurai Hero como un fondo audiovisual independiente. La demo contiene únicamente la imagen en movimiento: no incorpora títulos, navegación, botones, overlays editoriales ni controles de reproducción.

El vídeo cubre completamente el contenedor mediante object-fit: cover, reproduce de forma automática, silenciosa y en bucle, y utiliza la imagen oficial del samurái como poster y fallback visual.

La implementación pausa la reproducción fuera del viewport, al ocultar la pestaña y cuando el usuario prefiere movimiento reducido, manteniendo el recurso ligero y reutilizable como fondo de cualquier composición posterior.

GATACA / PÁGINA

Materia Background

Materia viva como fondo audiovisual

Materia Background convierte el vídeo principal de MATERIA en un fondo reutilizable para heros, bloques editoriales, llamadas a la acción y otras composiciones a pantalla completa.

El vídeo se comporta como una capa puramente visual: ocupa toda el área mediante object-fit: cover, reproduce en silencio, en bucle y sin controles, y utiliza una imagen de poster mientras el archivo está cargando.

La implementación incluye pausa cuando la pestaña no está visible, compatibilidad con prefers-reduced-motion y una estructura independiente del contenido que se coloque por encima.

GATACA / PÁGINA

Nebula Background

Vídeo como capa de fondo

Nebula Background es un recurso pensado para utilizar vídeo como fondo de una sección sin convertirlo en un reproductor visible. El vídeo ocupa toda el área disponible mediante object-fit: cover, permanece detrás del contenido y utiliza una imagen estática como poster mientras el archivo se prepara.

La implementación prioriza una integración limpia: autoplay silencioso, loop, reproducción inline en móvil, ausencia de controles y pausa cuando la pestaña no está visible o el usuario prefiere movimiento reducido.

El contenido de la sección permanece independiente del vídeo, de modo que el fondo puede reutilizarse en heros, bloques editoriales, llamadas a la acción o cualquier otra sección.