Si usas el maquetador visual de páginas Elementor seguro que te encantará usar el efecto Parallax que tanto se ve en las webs profesionales creadas con Divi u otros maquetadores visuales ¿verdad?
Pues también es algo que puedes hacer en Elementor, y en la versión gratuita, no hay que adquirir Elementor Pro para tenerlo.
En una navegación normal el paso de una sección a la siguiente sería tal que así…
Por el contrario, con el efecto Parallax conseguimos que los elementos de primer plano floten sobre los fondos, ofreciendo un aspecto muy atractivo y profesional, así…
Parallax en Elementor
Si no lo has encontrado hasta ahora es porque en Elementor no se le llama parallax ni paralaje ni nada parecido, vamos a ver dónde esta.
Los pasos son los siguientes:
- Edita la página con Elementor (como siempre)
- Abre los ajustes de la sección
- Accede a los estilos de la sección
- En el desplegable del Adjunto elige la opción Fijo (que es como dejas el fondo para que los elementos de primer plano hagan Parallax sobre el fondo)
- Guarda los cambios y ya está.
Si lo prefieres ver de un modo más visual en esta captura tienes los mismos pasos:
Como verás era muy fácil.
Sigue por aquí, que tenemos muchos más trucos para Elementor.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
Hola Fernando y compañeros, buenos días.
Es que el «efecto parallax» no es más que esta linea de CSS:
background-position: fixed;
Mantiene fija respecto a la pantalla la imagen de fondo, de ahí el nombre que le da Elementor. Yo me pensaba que era algo más…
Saludos.
Si es por CSS no, solo es eso.
Es que para mí parallax es que el fondo vaya moviéndose a diferente velocidad del contenido. Eso es simplemente «Fondo fijo».
No sí, es una manera sencilla de llamarlo claro, pero como siempre se suele usar el término no está de más aclararlo
Hola Fernando!
Soy Edu Rubianes. Nos conocimos en OMExpo… Al final de tu ponencia con el «otro» Fernando de Siteground, te hice alguna pregunta técnica relacionada con P3 Profiler y con WooCommerce… 🙂
Sigo tus contenidos con interés. Todo lo que aportas da luz a un montón de gente como yo.
Gracias por tus enseñanzas.
Nos vemos!!!
Un abrazo Edu 🙂
Estaría bien que explicaras como hacer el Parallax real, que la imagen tambien se mueva al hacer scroll…
Esta función «fijo» de ELEMENTOR solo funciona en escritorio ¿Como puedo hacer que el efecto parallax funcione en un Movil, usando Elementor?
Buenas! Me gustaría saber como hacer el efecto parallax con elementor en el movil. En versión Escritorio si puedo pero en móvil hago los pasos que se indican pero no hay cambios. Gracias de antemano. Un saludo!
Fernando buenas tardes, disculpa este efecto funciona con un video???
Gracias
Hola Fernando
¿Podrías indicarme como anular un efecto parallax en un página? Muchas gracias