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.
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.
0 comentarios