En este tutorial premium de los tutoriales exclusivos de la Academia OV DIVI aprenderás a hacer un increíble efecto de un «alternador» entre tablas de precios con un efecto animado en divi sin plugins 🤩
Anteriormente ya hemos hecho dos ejercicios (tutorial 1, tutorial 2) dónde alternamos unas tablas de precios pero esté será un poco diferente porque tendrá un efecto de animación al ir cambiando entre tablas 🤯
El ejercicio de este tutorial consiste en crearnos una sección con una fila de dos columnas, en la columna izquierda pondremos un título, una descripción y dos botones (mensual y anual), estos botones tienen estilos muy particulares ya que se encuentran en línea y además tienen algunas de sus esquinas redondeadas, dichas características no se pueden hacer por defecto con divi pero en el tutorial te mostraré cómo lograrlo rápidamente.
En la columna derecha vamos a insertar dos módulos tablas de precio y con algunos efectos de transformación más un poco de código CSS + JS vamos a lograr la funcionalidad para alternar estas tablas con un efecto de animación… ¿Suena genial verdad?
Esta funcionalidad no solamente es aplicable a módulos «tablas de precio» sino que puede ser implementando con cualquier otro módulo de divi, así qué dependerá de tu creatividad cómo quieras implementar este ejercicio 🔥
Si quieres aprender a realizar este bonito efecto en tu sitio web creado con divi ya puedes ver este tutorial en el área de los tutoriales exclusivos de la Academia OV DIVI 😍
0 comentarios