Svojstvo transition-duration

Svojstvo transition-duration postavlja vreme trajanja glatkog prelaza transition.

Sintaksa

selektor {
	transition-duration: vreme u s ili ms;
}

Vrednosti

Vrednost	Opis
`s`	Zadaje vreme u sekundama (na primer `3s`). Mogu se zadavati decimalne vrednosti, na primer, `0.5s` - pola sekunde.
`ms`	Zadaje vreme u milisekundama (na primer `3ms`). Jedna sekunda je `1000` milisekundi.

Podrazumevana vrednost: 0s.

Primer

Pređite mišem preko bloka - on će glatko promeniti svoju širinu za 2 sekunde.

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

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

Pogledajte takođe

svojstvo transition-property,
koje zadaje ime svojstva za glatki prelaz
svojstvo transition-delay,
koje zadaje kašnjenje pre glatkog prelaza
svojstvo transition-timing-function,
koje zadaje vremensku funkciju za glatki prelaz
svojstvo transition,
koje je skraćeni zapis za glatki prelaz
svojstvo animation,
pomoću kojeg se može napraviti animacija