Efecto Parallax Wix

• Abril 24, 2024

Una buena animación que se encuentra en los sitios web de Wix es el efecto de desplazamiento de paralaje. No es una verdadera animación, pero agrega la ilusión de movimiento, profundidad y dimensión a su página web.

Este efecto ha sido popular durante varios años y es una buena manera de agregar un poco de interés a un sitio web sin agregar una animación abrumadora. El desplazamiento de Parallax se crea cuando le indica al navegador que desplace la imagen de fondo a un ritmo más lento que los otros elementos de la página. Como era de esperar, el efecto de desplazamiento es ideal para esos sitios web largos de una página.

Esta técnica se crea con JavaScript, CSS y elementos div. Solo una nota a tener en cuenta es que la mayoría de los dispositivos móviles tienen un problema con el CSS de fondo fijo. Entonces, Wix apaga el efecto para dispositivos móviles.

Pero al crear su sitio web Wix, no hay codificación involucrada. Es tan fácil como seleccionar la opción Parallax para una imagen de fondo o una imagen de tira. También se puede agregar a un video de tira.

Sin el desplazamiento de paralaje aplicado, la imagen de fondo de la página web se moverá al unísono con los otros elementos de la página a medida que el espectador se desplaza sobre la página.

Sin embargo, cuando aplicamos el efecto de desplazamiento Parallax a la imagen de fondo, la imagen de fondo se desplaza lentamente a medida que el espectador se desplaza sobre la página. La dimensión se produce cuando los otros elementos de la página se desplazan más rápido que la imagen de fondo.

La tercera opción, la opción Congelar, para las opciones de Efectos de desplazamiento de la imagen de fondo es bloquear la imagen de fondo en su lugar a medida que el resto de los elementos de la página se desplazan hacia arriba o hacia abajo.

Añadir Parallax a la imagen de fondo

1. Haga clic en el icono de fondo en el menú del lado izquierdo.
   
   
2. Agregue su imagen de fondo como de costumbre.
   
   
3. Haga clic en el botón Configuración para abrir la Configuración de imagen.
   
   
4. Elija una de las tres opciones para los efectos de desplazamiento.
   
   
   • Ninguno: el fondo se moverá al mismo ritmo que los demás elementos de la página.
     
     
   • Parallax: el fondo se moverá más lentamente que los demás elementos de la página.
     
     
   • Congelar: el fondo permanecerá en su lugar pero los demás elementos se desplazarán.
     
     

Agregue Parallax a la imagen o video de la tira

1. Seleccione la tira y elija Cambiar fondo de tira en el menú emergente.
   
   
2. Agregue imagen de fondo o video como de costumbre.
   
   
3. Haga clic en el botón Configuración para abrir la Configuración de imagen.
   
   
4. A continuación, elija Parallax de los Efectos de desplazamiento.
   
   

Instrucciones De Vídeo: WIX TUTORIAL | PARALLAX SCROLLING EFFECT (Abril 2024).