+41 78 955 3005

¿Te gustaría agregar geniales animaciones a tus secciones, filas y módulos? Si es así, aquí te enseñaremos paso a paso a cómo aplicar el efecto de Animación de Vuelo a tu sitio web.

Con estos pasos brindados gracias al artículo de Quiroz, podrás darle vida a tu página web utilizando CSS en combinación con un pequeño Jquery Script, en el que podrás visualizar efectos hacia arriba, abajo, derecha o izquierda

¿Listos?, vamos a ello.

Paso 1:

Copia y pega en tu portapapeles el siguiente codigo para empezar.

Paso 2 :

Dirígete a Opciones del Tema DIVI> Integración, y pega el código en este sección: “Agregar código al <body> (bueno para los códigos de seguimiento, tales como Google Analytics)”

Paso 3 :

Ahora puedes empezar a crear los módulos para tu página web. Estas son las clases CSS para cada animación por grupo:

 

et_pb_animation_top et-animated et-waypoint

et_pb_animation_bottom et-animated et-waypoint

et_pb_animation_right et-animated et-waypoint

et_pb_animation_left et-animated et-waypoint

et_pb_animation_fade_in et-animated et-waypoint

 

Abre los ajustes del módulo y ubicate en la sección de Avanzado, y en clase CSS pega uno de los grupos anteriormente mencionados.

barra de promocion Divi

Paso 4 :

Solo queda comenzar a aplicar diferentes animaciones a tus Secciones, Filas o Módulos, depende de tus gustos y el estilo que desees darle a tu página web!

Este es el resultado final

Eso ha sido todo por ahora, puedes ingresar a TantoMarketing para encontrar más información acerca del mundo Divi.

Tema hijo Divi y Plugins para mejorar el Diseño tu Pagina Divi

Suscríbete a nuestra Newsletter

Para recibir Actualizaciones, Promociones y Tutoriales

Felicitaciones! Te has suscrito a nuestra Newsletter correctamente.

Pin It on Pinterest

Share This