¿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?
¿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?
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