Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Proyecto] Desafío:hover

se me ocurrió meter la imagen en una sección con su clase y al darle hover, la imagen se hace un poquito más grande ;)
CSS
.presentacion__imagen:hover {
transform: scale(1.05);
transition: transform 0.3s ease;
}
en html:

 <section class="presentacion__imagen">    
     <img src="./assets/Imagem.png" alt="Foto de Ana García desarrolando un proyecto"> 
</section>
1 respuesta

Hola Gisela,

¡Qué buena idea la de hacer que la imagen crezca un poco al pasar el cursor sobre ella! Tu código CSS y HTML se ven bien estructurados para lograr este efecto. Al usar transform: scale(1.05); junto con transition: transform 0.3s ease;, estás asegurando que la imagen se agrande suavemente, lo cual es un detalle muy agradable para la experiencia del usuario.

Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios