Imagen de fondo con paralaje #

Una tendencia importante en el diseño web es el desplazamiento con paralaje, que implica que la imagen de fondo se mueva a un ritmo más lento hacia el contenido en primer plano a medida que te desplazas hacia abajo en la página. Este efecto de paralaje se puede aplicar a un sitio de Elementor.

En esta guía le mostraremos cómo puede agregar el efecto Parallax en una imagen de fondo con ElementsKit.

Mira la guía en vídeo:

O siga las instrucciones paso a paso a continuación:

Paso=>1: Asegúrese de que Paralaje el módulo es EN de Panel → Kit de elementos → MÓDULOS

Paso=>2: Ir a Elementos=> Buscar Imagen=> Arrastre y suelte el Sección de imágenes.

Paso=>3: Agrega un Imagen de fondo de Editar sección → Contenido pestaña

Paso=>4: Ir a Lengüeta avanzada -> Haga clic en Kit de elementos efectos->Seleccionar tipo de efecto CSS3, opción Inclinación, Al desplazarse, Al mover el mouse A tu elección

CSS3 #

• Paso=>1: Ir a Lengüeta avanzada=>Efectos del kit de elementos=> Tipo de efecto=> Seleccionar CSS3=> Enciende el Animación CSS Palanca

• Seleccionar Efecto de animación de Desplegable

• Modificar Animación Velocidad
• Animación Recuento de iteraciones=> Infinito o no establecido

• Seleccionar Dirección de animación

• Paso=>2: Efectos del kit de elementos=> Tipo de efecto=> Seleccionar CSS3=> Enciende el Transformación CSS Palanca

• Traducir
• Girar
• Escala
• Sesgar
• Reiniciar si lo desea

Inclinación #

Paso=>1: Ir a Lengüeta avanzada=>Efectos del kit de elementos=> Tipo de efecto=> Seleccionar Inclinación

Desplazarse en ON #

Paso=>1: Ir a Lengüeta avanzada=>Efectos del kit de elementos=> Tipo de efecto=> Seleccionar al desplazarse

Al mover el mouse #

Paso=>1: Ir a Lengüeta avanzada=>Efectos del kit de elementos=> Tipo de efecto=> Seleccionar al mover el mouse

Así es como se puede aplicar el efecto de paralaje a una página o sitio web de Elementor. Aprenda este método simple y atractivo para aplicar el efecto de paralaje en su página de Elementor.