Omadus transition-duration

Omadus transition-duration määrab sujuba ülemineku transition kestvuse.

Süntaks

valija {
	transition-duration: aeg s või ms;
}

Väärtused

Väärtus	Kirjeldus
`s`	Määrab aja sekundites (näiteks `3s`). Võib määrata murdarvulisi väärtusi, näiteks `0.5s` - pool sekundit.
`ms`	Määrab aja millisekundites (näiteks `3ms`). Üks sekund on `1000` millisekundit.

Vaikeväärtus: 0s.

Näide

Liigutage kursorit ploki kohale - see muudab sujuvalt oma laiust 2 sekundi jooksul.

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

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

Vaata ka

omadus transition-property,
mis määrab sujuva ülemineku jaoks omaduse nime
omadus transition-delay,
mis määrab viivituse enne sujuva ülemineku algust
omadus transition-timing-function,
mis määrab sujuva ülemineku ajafunktsiooni
omadus transition,
mis on sujuva ülemineku lühend
omadus animation,
mille abil saab luua animatsiooni