Cómo diseñar unas cards con un efecto hover image zoom transition en divi sin plugins

por | Ago 31, 2023 | Tutorial premium | 0 Comentarios

En este tutorial premium aprenderás a diseñar unas cards o tarjetas con un efecto hover image zoom transition en divi sin plugins 🔥

La composición que vamos a realizar consta de una sección con una fila de 3 columnas, en cada columna insertamos una card (actor) con un bonito y sutil efecto hover, el efecto consiste en que al posicionarnos sobre la tarjeta la imagen de fondo hace un efecto zoom con un efecto de desplazamiento logrando simular un «efecto tipo 3D», además del efecto zoom también nos muestra un título y unos iconos enlazados a sus respectivas redes sociales.

Cómo diseñar unas cards con un efecto hover image zoom transition en divi sin plugins

Todo este diseño es completamente personalizable, es decir, puedes adaptar el diseño a una composición con más columnas, más tarjetas, colocar imágenes adaptadas a tu proyecto, cambiar los títulos, editar los iconos sociales e incluso posicionar los elementos de la card en diferente área. Aquí es cosa de que juegues con tu creatividad 🤩

El tutorial lo puedes ver desde el área de los tutoriales exclusivos, recuerda que en la pestaña materiales encuentras todo el material necesario para realización del mismo, incluido el archivo json del ejercicio para que importes con unos cuantos clicks el diseño en tu sitio web creado con divi 😍

¡Te veo dentro! Un abrazo.

Este tutorial es premium

Accede a éste y más tutoriales exclusivos de la Academia OV DIVI por tan sólo $8.00 USD al mes y saca el máximo provecho del mejor tema y constructor visual para WordPress.

Tutoriales Relacionados

0 comentarios

Enviar un comentario

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

Tutoriales Exclusivos

Tutoriales exclusivos OV Divi

Lleva tus sitios web creados con divi al siguiente nivel.

Accede a tutoriales exclusivos y únicos de divi y saca el máximo provecho del mejor tema y constructor visual para WordPress.

$8 USD / mes

Pin It on Pinterest