Ominaisuus transition-duration

Ominaisuus transition-duration asettaa siirtymätransitionin suoritusajan transition.

Syntaksi

valitsin {
	transition-duration: aika s tai ms;
}

Arvot

Arvo	Kuvaus
`s`	Määrittää ajan sekunneissa (esimerkiksi `3s`). Voi määrittää murtolukuarvot, esimerkiksi `0.5s` - puoli sekuntia.
`ms`	Määrittää ajan millisekunteina (esimerkiksi `3ms`). Yksi sekunti on `1000` millisekuntia.

Oletusarvo: 0s.

Esimerkki

Vie hiiri lohkon päälle - se muuttaa leveyttään tasaisesti 2 sekunnissa.

<div id="elem"></div>

#elem {
	transition-duration: 2s;
	transition-property: width;
	border: 1px solid black;
	height: 50px;
	width: 100px;
}
#elem:hover {
	width: 400px;
}

Katso myös

ominaisuus transition-property,
joka määrittää ominaisuuden nimen siirtymätransitionille
ominaisuus transition-delay,
joka määrittää viiveen ennen siirtymätransitionia
ominaisuus transition-timing-function,
joka määrittää aikatofunktion siirtymätransitionille
ominaisuus transition,
joka on lyhenne siirtymätransitionille
ominaisuus animation,
jolla voi tehdä animaation