Ir al contenido
Blog

Tarjetas de perfil animadas con Elementor

Por Byteweb Actualizada el 2 min de lectura

Tarjetas de perfil animadas con Elementor

Facebook
LinkedIn
WhatsApp
Twitter

En este post iremos explicando una serie de ejemplo para crear tarjetas de perfil de usuarios y las crearemos con Elementor.

Tarjeta de perfil ejemplo 1

Para crear la estructura de la tarjeta revisa el vídeo que encontrarás a continuación. Recuerda definir la clases a los elementos de la tarjeta tal y como explicamos en el vídeo que encontrarás a continuación.

Lo siguiente, aplicar el código css en el css adicional de los ajustes de la página.

Tarjeta de perfil ejemplo 2

Para crear la estructura de la tarjeta revisa el vídeo que encontrarás a continuación. Recuerda definir la clases a los elementos de la tarjeta tal y como explicamos en el vídeo que encontrarás a continuación.

Lo siguiente, aplicar el código css en el css adicional de los ajustes de la página.


					
				

Tarjeta animadas con sombra de caja

Para esta animación de tarjeta nos vamos a necesitar ningún código personalizado por lo que para seguir los pasos revisa el siguiente video.

Tarjeta desplegables

Para crear la estructura de la tarjeta revisa el vídeo que encontrarás a continuación. Recuerda definir la clases a los elementos de la tarjeta tal y como explicamos en el vídeo que encontrarás a continuación.

Lo siguiente, aplicar el código css en el css adicional de los ajustes de la página.


					
				

Tarjetas con fondo animado para Elementor free

Sigue los pasos del vídeo que encontrarás a continuación. Para obtener los CSS haz click aquí.

Tarjetas 3D animadas

Sigue los pasos del vídeo que encontrarás a continuación.


					
				



¡Si, me interesa conseguir mi licencia de Elementor Pro!

¿Tienes interés en que creemos un tutorial sobre algún tema específico de Elementor?
Dejalo en comentarios, prometemos responderte.

¿Tienes alguna duda? Déjanos un comentario

Tu email no se publicará. Los campos con * son obligatorios.

Logo diseño paginas web Vilafranca del Penedes
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.