CSS - Animación

 
Vista:
Imágen de perfil de Dennis
Val: 38
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Animación

Publicado por Dennis (15 intervenciones) el 17/03/2023 15:20:10
HTML
1
<div class="caja"> </div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
.caja
{
	width: 100px;
	height: 100px;
	border: 1px solid black;
}
 
.caja:hover
{
	background-color: grey;
	border-radius: 50%;
	transition: 2s;
}

Como logro que al quitar el mouse, retorne a su estado natural pero en 2s.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Ivan

Animación

Publicado por Ivan (45 intervenciones) el 18/03/2023 19:43:47
Hola,

poniendo
1
transition: 2s;
también en la clase .caja

Un saludo!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar