Crear el efecto Fancy Text (efecto cinemático) en Divi sin plugins

Inicio / Tutoriales Premium / Tema Divi / Crear el efecto Fancy Text (efecto cinemático) en Divi sin plugins

Contenido Restringido🖐

Accede a este y otros contenidos siendo premium. ¿Aún no eres premium? Adquiere una membresía aquí ⭐

Profesor: Ameth Cruz

  28 de octubre de 2020

En este videotutorial prémium aprenderás a crear textos con efecto Fancy Text dentro de Divi sin códigos. Será un tutorial Snippet avanzado de nuestro profesor Ameth Cruz. Vamos allá.

Recuerda que puedes descargar tanto el archivo .JSON como el código y plugin que se usó en el tutorial en la parte inferior, en la zona de recursos del tutorial.

Objetivo del profesor:

Hola Divilovers, en esta ocasión aprenderemos a crear un módulo de Divi para imágenes con efecto flotante, ese efecto muy útil a la hora de estilizar o mejorar el diseño UX/UI de nuestro sitio web.

Para esto solamente utilizaremos CSS. sin ningún plugin añadido, ni nada que pueda alentar o sobrecargar la página. En específico utilizaremos la propiedad de “animation” de CSS con la que que nos permitirá darle movimiento a nuestros elementos HTML.

Usaremos tres imágenes de stock para fines totalmente visuales, las cuales las seleccionaremos mediante clases para añadirles la propiedad de “animation”, así mismo usaremos la regla de “@keyframes” para darle los valores adecuados.

Así que la próxima vez que requieras añadir imágenes flotante a tus proyectos, lo podrás hacer fácilmente siguiente este práctico tutorial. Que de manera muy amena te enseñará a usar lo básico de la animación con CSS.

Recuerda ver los tutoriales relacionados de nuestro profesor Ameth Cruz para aprender a integrar snippets avanzados dentro de Divi.

Resultado:

Lograremos un resultado igual a este:

Si te ha gustado este contenido no olvides compartirlo con tus amigos y conocidos, además recuerda que puedes compartirnos el enlace de tu creación en los comentarios de este contenido, así todos veamos los resultados maravillosos que conseguiste con este contenido prémium.

1 Comentario

  1. Muchas gracias .
    Excelente material , lo probaremos pronto .
    Saludos

    Responder

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Iniciar Sesión

¿No tienes cuenta? Registrarse

Otros planes

¡Accede a más de 1330 contenidos especializados en Diseño Web con Divi por un solo precio!

Trimestral

Ahorra 6 USD 🔥

$US 18/ Mes

*Pagando US$ 54 cada 3 meses

¿A qué accedes con este plan?

Lifetime

Un solo pago 🔥

$US 499/ Lifetime

*UN SOLO PAGO DE POR VIDA

¿A qué accedes con este plan?

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord
  6. ✅ Descuentos en Templates para Divi

Black
Friday

Accede a más de 1260 contenidos para aprenderDivi de manera profesional