A continuación, te mostramos qué es el efecto parallax y cómo aplicarlo al diseño de tu sitio web.
¿Qué es el parallax?
El parallax es una técnica de diseño web en la que el fondo se mueve a un ritmo distinto del contenido. Es un gran recurso para añadir profundidad y movimiento al hacer scroll, es decir, al desplazarse verticalmente en la página web.
Este efecto se basa en una ilusión óptica: el ojo humano percibe los objetos cercanos más grandes de los que están más lejos. Como resultado, nos da la sensación de que los objetos más distantes se mueven más lentamente que los que están más cerca.
Sus primeros usos fueron en la industria de la animación y los videojuegos pero hoy en día, con la llegada del CSS y el HTML, el parallax se ha convertido en una técnica inseparable del mundo del diseño web.
¿Cómo agrego el efecto parallaz a mi sitio?
- Presiona el lápiz de edición de la caja que deseas modifica.
-
Se abrirá el menú de Edición de Caja, haz clic en la pestaña "Fondo y color" y luego presiona el enlace que dice "Agregar Parallax".
-
Por defecto verás la velocidad "Lento", puedes modificarlo moviendo el punto de guía. Una vez listo, presiona el botón "Aceptar" y guarda los cambios del editor.