En el contexto del diseño web, el paralaje de fondo se refiere a un comportamiento en el que el fondo se mueve a un ritmo más lento que el primer plano. Elementor (la versión pro) viene con una función que le permite agregar este tipo de fondo.
Lo cubriremos aquí.
Es posible que tenga un pequeño problema para agregar un fondo de paralaje en Elementor de Elementor no utiliza específicamente el término "paralaje". En cambio, para agregar un fondo de paralaje en Elementor, puede aplicar un efecto de desplazamiento al fondo al que desea agregar el efecto de paralaje. El fondo al que nos referimos aquí es el fondo de la sección o el fondo de la columna.
En caso de que sea nuevo en el paralaje, eche un vistazo al siguiente ejemplo y observe la imagen de fondo. Este es un ejemplo del efecto de paralaje.
Dijimos que el efecto de paralaje se refiere a que el fondo y el primer plano tienen una velocidad de movimiento diferente. Sobre los hechos, el caso no siempre es así. En lugar de movimiento, un diseñador web puede aplicar diferentes efectos, como desenfoque, transparencia o escala. El propio Elementor ofrece 6 efectos diferentes:
- El desplazamiento vertical: El fondo se mueve verticalmente con el desplazamiento del mouse
- Desplazamiento horizontal: El fondo se mueve horizontalmente con el desplazamiento del mouse
- Transparencia: El fondo aparece como transparente antes del desplazamiento del mouse
- Borroso : El fondo aparece borroso antes del desplazamiento del mouse
- Rotación: El fondo gira con el desplazamiento del mouse
- Escalera : El fondo aparece a cierta escala antes de desplazarse con el mouse
Cómo aplicar el efecto de desplazamiento en Elementor
Como mencionamos, puede aplicar el fondo de paralaje, ya sea a una sección o a una columna. Por lo tanto, seleccione una columna o una sección a la que desee aplicar el efecto de paralaje.
Ir a la pestaña Estilo y abre el bloque Fondo. Establezca el tipo de fondo en Clásico y elige una imagen que quieras usar como fondo y habilite la opción Efectos de desplazamiento.
Establezca la posición y el tamaño de la imagen de fondo, luego seleccione el efecto de paralaje que desee aplicar haciendo clic en el ícono de lápiz en una de las opciones de efectos de paralaje disponibles.
Puede habilitar múltiples efectos de paralaje si lo desea.
Listo. Puede continuar editando su página o plantilla. Una vez hecho esto, puede publicar o actualizarlo.
