Sifa transition-duration

Sifa transition-duration inaweka muda wa utekelezaji wa mpito laini transition.

Kisarufi

kichaguli {
	transition-duration: muda katika s au ms;
}

Thamani

Thamani	Maelezo
`s`	Inabainisha muda kwa sekunde (k.m. `3s`). Inawezekana kubainisha thamani za sehemu, kwa mfano, `0.5s` - nusu ya sekunde.
`ms`	Inabainisha muda kwa milisekunde (k.m. `3ms`). Sekunde moja ni `1000` milisekunde.

Thamani chaguomsingi: 0s.

Mfano

Leta kielezea juu ya kizuizi - kitabadilisha upana wake kwa laini kwa muda wa 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;
}

Angalia pia

sifa transition-property,
inayobainisha jina la sifa kwa mpito laini
sifa transition-delay,
inayoweka kuchelewesha kabla ya mpito laini
sifa transition-timing-function,
inayoweka kitendakazi cha muda kwa mpito laini
sifa transition,
ambayo ni kifupi cha mpito laini
sifa animation,
ambayo inaweza kutumika kutengeneza uhuishaji