Lastnost transition-duration

Lastnost transition-duration določa čas trajanja gladkega prehoda transition.

Sintaksa

selektor {
	transition-duration: čas v s ali ms;
}

Vrednosti

Vrednost	Opis
`s`	Določa čas v sekundah (na primer `3s`). Lahko nastavite decimalne vrednosti, na primer, `0.5s` - pol sekunde.
`ms`	Določa čas v milisekundah (na primer `3ms`). Ena sekunda je `1000` milisekund.

Privzeta vrednost: 0s.

Primer

Z miško se pomaknite nad blok - le-ta bo gladko spremenil svojo širino v 2 sekundah.

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

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

Glejte tudi

lastnost transition-property,
ki določa ime lastnosti za gladki prehod
lastnost transition-delay,
ki določa zamudo pred gladkim prehodom
lastnost transition-timing-function,
ki določa časovno funkcijo za gladki prehod
lastnost transition,
ki je okrajšava za gladki prehod
lastnost animation,
s katero lahko ustvarite animacijo