“CSS de transición suave en el flotador” Código de respuesta

transición CSS flotante

/* Transition is how much my element will take time to change his state 
   or apply a specific style on it at specific */
.my-div{
  background-color: #f00; /*Red*/
  transition: 3s ease-in-out;
  /* transition: .5s ease-in-out; [0.5 seconds] */
}
.my-div:hover{
  background-color: #00f; /*Blue*/
}
/* .my-div background-color will be changed from red to blue in 3 seconds*/
Programming Is Fun

CSS de transición suave en el flotador

You want smooth transition in and out?
put the transition in the parent selector

.btn {
  	transition: 200ms;
}

.btn:hover {
	transform: translateY(5px)
}

for shadow

.card-hover {
  transition: 200ms;
}

.card-hover:hover {
  box-shadow: 4px 4px 0px 0px rgba(192,23,93,0.75);
  -webkit-box-shadow: 4px 4px 0px 0px rgba(192,23,93,0.75);
  -moz-box-shadow: 4px 4px 0px 0px rgba(192,23,93,0.75);
}
Falestio Hanif

Respuestas similares a “CSS de transición suave en el flotador”

Preguntas similares a “CSS de transición suave en el flotador”

Más respuestas relacionadas con “CSS de transición suave en el flotador” en CSS

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código