Tarjetas de perfil animadas con Elementor

Tarjetas de perfil animadas con Elementor

Share on facebook
Facebook
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on twitter
Twitter

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

Índice de contenidos

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.

				
					.nombre{
    opacity:0;
     transition-duration: 2s;
}
.redes{
    opacity:0;
     transition-duration: 2s;
}
.imagen:hover .nombre{
   opacity:1;
   transition-duration: 2s;
}

.imagen:hover .redes{
    opacity:1;
     transition-duration: 2s;
}

				
			

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

Compártenos en tu red social favorita
Share on facebook
Facebook
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on twitter
Twitter
Cómo crear una caja de autor en Wordpress

Cómo crear una caja de autor en WordPress con y sin plugins

Share on facebook Facebook Share on linkedin LinkedIn Share on whatsapp WhatsApp Share on twitter Twitter En este tutorial te vamos a explicar 3 formas sobre cómo crear una caja de autor en WordPress. Los 2 plugins que vamos a utilizar para explicar cómo crear

Tarjetas de perfil animadas con Elementor

Tarjetas de perfil animadas con Elementor

Share on facebook Facebook Share on linkedin LinkedIn Share on whatsapp WhatsApp Share on twitter Twitter En este post iremos explicando una serie de ejemplo para crear tarjetas de perfil de usuarios y las crearemos con Elementor. Índice de contenidos Tarjeta de perfil ejemplo 1

Suscríbete a nuestro blog

Responsable:Carlos Jiménez Mendez
Finalidad:Atender solicitudes de información, ejecución de la contratación de servicios y remisión de comunicaciones comerciales.
Legitimación:Consentimiento del interesado y contratación de productos y/o servicios del Responsable
Destinatarios:No se ceden datos a terceros, salvo obligación legal.
Personas físicas o jurídicas directamente relacionadas con el Responsable
Encargados de Tratamiento adheridos al Privacy Shield
Derechos:Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, derecho a no ser objeto de decisiones automatizadas, así como a obtener información clara y transparente sobre el tratamiento de sus datos.
Información adicional:Se puede consultar la política de privacidad de forma más detallada aquí.

Deja un comentario

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

He leido y acepto nuestra política de privacidad. *

Responsable:Carlos Jiménez Mendez
Finalidad:Atender solicitudes de información, ejecución de la contratación de servicios y remisión de comunicaciones comerciales.
Legitimación:Consentimiento del interesado y contratación de productos y/o servicios del Responsable
Destinatarios:No se ceden datos a terceros, salvo obligación legal.
Personas físicas o jurídicas directamente relacionadas con el Responsable
Encargados de Tratamiento adheridos al Privacy Shield
Derechos:Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, derecho a no ser objeto de decisiones automatizadas, así como a obtener información clara y transparente sobre el tratamiento de sus datos.
Información adicional:Se puede consultar la política de privacidad de forma más detallada aquí.
Ir arriba