+41789553005

¿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.

Subscribete ahora totalmente gratis para Tutoriales de DIVI, Ofertas y Mas!

TantoMarketing

En TantoMarketing somos especialistas en Temas hijo Divi, además de Plugins para mejorar el Diseño de la tienda online de Divi. Dentro de nuestros más notables artículos tenemos TantoShop, Divi Shop Extended 2.0, TantoPortfolios, entre otros
SIGUENOS EN:

Copyright © 2018. TantoMarketing . All rights Reserved

 

Pin It on Pinterest

Share This