“CSS de transition en douceur sur volant” Réponses codées

transition CSS survole

/* 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 transition en douceur sur volant

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

Réponses similaires à “CSS de transition en douceur sur volant”

Questions similaires à “CSS de transition en douceur sur volant”

Plus de réponses similaires à “CSS de transition en douceur sur volant” dans CSS

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code