Īpašība transition-duration

Īpašība transition-duration nosaka gludās pārejas transition izpildes laiku.

Sintakse

selektors {
	transition-duration: laiks s vai ms;
}

Vērtības

Vērtība	Apraksts
`s`	Norāda laiku sekundēs (piemēram, `3s`). Var norādīt daļējas vērtības, piemēram, `0.5s` - pussekunde.
`ms`	Norāda laiku milisekundēs (piemēram, `3ms`). Viena sekunde ir `1000` milisekundes.

Noklusējuma vērtība: 0s.

Piemērs

Novietojiet peles kursoru virs bloka - tas gludi mainīs savu platumu 2 sekunžu laikā.

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

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

Skatiet arī

īpašība transition-property,
kas norāda īpašības nosaukumu gludai pārejai
īpašība transition-delay,
kas norāda aizkavi pirms gludās pārejas
īpašība transition-timing-function,
kas norāda laika funkciju gludai pārejai
īpašība transition,
kas ir saīsinājums gludai pārejai
īpašība animation,
ar kuras palīdzību var izveidot animāciju