“Smooth Transition CSS beim Schwebedruck” Code-Antworten

Übergang CSS schweben

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

Smooth Transition CSS beim Schwebedruck

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

Ähnliche Antworten wie “Smooth Transition CSS beim Schwebedruck”

Fragen ähnlich wie “Smooth Transition CSS beim Schwebedruck”

Weitere verwandte Antworten zu “Smooth Transition CSS beim Schwebedruck” auf CSS

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen