Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

[Duda] sobre hover en css

¿Cómo puedes hacer que un elemento cambie de color gradualmente cuando el cursor pasa por encima, usando solo CSS y sin modificar el HTML?

1 respuesta
solución!

Hola Ángel, para hacer que un elemento cambie su diseño, gradualmente usaremos la propiedad transition

<div class="box">

</div>
.box{
  width: 100px;
  aspect-ratio: 1/1;
  background-color: red;
  transition: background-color 1s ease;
}
.box:hover{
  background-color: cyan;
}

En el código que te pase definimos la propiedad para la transición en background-color y le colocamos una duración de 1 s , esto hará que al pasar el cursor sobre el cuadro cambie gradualmente de color rojo a cyan