Una de las funcionalidades menos utilizadas en Divi es la posibilidad de añadir impresionantes efectos visuales a cualquier elemento cuando el usuario navega por la página.
Creo que se usa poco porque cualquier usuario de Divi esperaría encontrarse una funcionalidad así en la pestaña de diseño de los elementos, pero resulta que está en la pestaña de ajustes avanzados.
Solo tienes que editar cualquier módulo o sección de Divi y, en la pestaña «Avanzado», abajo del todo, encontrarás la sección de «Efectos de desplazamiento»
Los efectos de transformación de desplazamiento disponibles son los siguientes:
- Movimiento vertical – El módulo u objeto se mueve de abajo a arriba cuando el usuario llega al mismo.
- Movimiento horizontal – Lo mismo pero el movimiento es en sentido horizontal.
- Desvanecimiento – El objeto o módulo está difuminado hasta que el usuario llega al mismo.
- Escalado – El objeto o módulo se agranda o reduce cuando aparece.
- Giratorio – El objeto o módulo gira al llegar al mismo.
- Anuncio – El módulo u objeto está como borroso hasta que llegas a él.
Lo más impresionante de todo es que puedes activar varios de estos efectos al mismo tiempo, simplemente haciendo clic en cada uno, configurándolo, y habilitándolo en su casilla correspondiente.
También puedes en algunos de los efectos aplicarlo a los elementos internos del módulo.
Además, para que sea aún más divertido, hay un efecto especial que es el de dejar fijo (pegajoso en la traducción infame de Divi) el módulo, pudiendo decidir si se fija arriba o abajo, mientras el usuario sigue desplazándose por la página.
Si quieres ver lo fácil que es activar estos efectos y cómo configurarlos dale clic al siguiente vídeo…
¿Aún no tienes Divi? Pues aprovecha, que se acerca la nueva versión y vas a poder crear webs de manera totalmente visual, como has visto en este tutorial, solo tienes que comprarlo aquí y tendrás el tema Divi, el tema Extra para revistas online y plugins exclusivos.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
Hola Fernando. Tengo un problema al editar mi página web. Soy principiante y me falta experiencia. Por favor, si es posible dirígeme en esta ocasión.
Hice mi página web en vista de computadora con la idea de luego adaptarla a vista de celular, pero cuando quise hacerlo me encontré con muchas dificultades. Aunque he seguido la guía de primero seleccionar el celular arriba de cada cambio que haga, sigue afectándose algunas cosas de la página en vista de computador. Y ahora algunos módulos simplemente no obedecen a la edición… por ejemplo, cuando quiero aplicar un relleno, sí funciona el relleno superior…. sí se realiza el cambio, pero cuando cambio los parámetros del inferior, simplemente no se mueve.
Le agradezco muchísimo la ayuda prestada.
Hola Tany, siempre es mejor primero diseñar para celular, y luego para escritorio. No obstante, con Divi el modo correcto de trabajar, ya que tienes el diseño para escritorio, es duplicar las secciones actuales y modificar cada una para que se vea bien en celular, y luego en el mismo builder especificar cuál de las 2 secciones se mostrará en escritorio y cuál en celular.
Necesito saber como hacer este efecto que aparece en esta web. Se lo agradeceria mucho.
En esta web no tengo efectos de ese tipo
Vale, ¿pero no sabria decirme como hacerlo?
Si usas Divi es justo como explico en el artículo. Si usas otros temas la cosa cambia muuuuucho.