Saltar al contenido

Parallax

El parallax es un efecto de diseño web en el que capas de una página se desplazan a velocidades distintas durante el scroll para simular profundidad

Qué significa, cómo se usa y en qué contexto aparece, con sus conceptos relacionados.

Qué es y cómo funciona

Toma su nombre del paralaje, el fenómeno óptico por el que los objetos cercanos parecen moverse más deprisa que los lejanos. En web suele aplicarse a fondos, ilustraciones o imágenes que avanzan más despacio que el contenido, y se usa en narrativas visuales, presentaciones de producto o páginas de campaña.

Bien dosificado puede reforzar la jerarquía y el ritmo de una historia. En exceso dificulta la lectura, penaliza el rendimiento en móviles y puede provocar mareo a personas con trastornos vestibulares. Por eso conviene respetar la preferencia de movimiento reducido del sistema (prefers-reduced-motion) y comprobar que el contenido se entiende sin el efecto.

También se dice

Efecto parallax, Scroll parallax, Paralaje

Conceptos relacionados

Parallax: qué es y cómo funciona · Zorraquino