“płynne przejście CSS na zawisie” Kod odpowiedzi

Przejście CSS Hover

/* 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

płynne przejście CSS na zawisie

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

Odpowiedzi podobne do “płynne przejście CSS na zawisie”

Pytania podobne do “płynne przejście CSS na zawisie”

Więcej pokrewnych odpowiedzi na “płynne przejście CSS na zawisie” w CSS

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu