Tutorial Divi: Anima todo tipo de contenido, no solo imágenes

Cuanto más te metes a crear webs con Divi más te das cuenta de que no todo se puede hacer mediante módulos y botones, que en ocasiones, para personalizar todo a tu gusto no te queda más remedio que añadir algo de CSS, lo que es normal en todo desarrollo.

Y una de esas situaciones es cuando quieres añadir animaciones fácilmente a elementos que no sean imágenes y descubres que el desplegable de animaciones solo está disponible en el módulo de imagen.

Pero si investigas un poco en el CSS del código de Divi encuentras una clase llamada et-waypoint que permite añadir animaciones a cualquier elemento, y funciona.

Solo tienes que añadir esta clase CSS al elemento que desees, unida a una de estas otras clases CSS:

  • et_pb_animation_fade_in (fundido de entrada)
  • et_pb_animation_bottom (animación de abajo a arriba)
  • et_pb_animation_top (animación de arriba a abajo)
  • et_pb_animation_right (animación de derecha a izquierda)
  • et_pb_animation_left (animación de izquierda a derecha)

Con lo que deberías añadir algo como lo siguiente en el campo “Clase CSS” de la pestaña “CSS personalizado” del módulo de Divi al que quieras añadir una animación. Por ejemplo:

En este caso para añadir la animación de izquierda a derecha.

Simplemente deja un espacio entre cada clase CSS. Guardas los cambios y verás que funciona de maravilla, simple y efectivo.

El resultado es que consigues añadir animaciones a cualquier módulo de Divi, no solo al de imagen.

Valora este artículo para mejorar la calidad del blog ...

FlojitoNo está malEstá bienMe ha servidoFantástico (9 votos, promedio: 5,00 de 5)
Cargando…

Autor: Fernando

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran.

Autor del libro WordPress – La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

LOS BURÓCRATAS DE LA UE ME EXIGEN QUE TE DIGA QUE SI VISITAS AYUDA WORDPRESS PUEDES RECIBIR ALGUNA COOKIE. AQUÍ NO HAY COOKIES DE PUBLICIDAD, COMO LAS QUE SI TE DEJAN GOOGLE, AMAZÓN Y MONTÓN DE SITIOS, SIN AVISAR, PERO EL QUE TE TENGO QUE AVISAR SOY YO. LAS COOKIES QUE TE DEJA AYUDA WORDPRESS SON PARA FACILITARTE LA NAVEGACIÓN, COMPARTIR Y COMENTAR. SI NO QUIERES RECIBIR COOKIES PUEDES NAVEGAR EN MODO PRIVADO, ABANDONAR ESTE SITIO Y PERDERTE EL CONTENIDO GRATIS QUE COMPARTO CADA DÍA SOBRE WORDPRESS O IRTE A UNA ISLA DESIERTA PARA VIVIR AISLADO DEL MUNDO, ESO SÍ, SIN COOKIES. O SINO, SIMPLEMENTE CIERRA ESTA VENTANA COÑAZO Y SIGUE DISFRUTANDO DEL BLOG. SI TIENES CURIOSIDAD SOBRE ESTO DE LAS COOKIES TE DEJO UN ENLACE >> MÁS INFORMACIÓN

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar