Хосияти transition-duration

Хосияти transition-duration вақти иҷрои гузариши нарми transition-ро муқаррар мекунад.

Синтаксис

интихобкунанда {
	transition-duration: вақт бо s ё ms;
}

Қиматҳо

Қимат	Тавсиф
`s`	Вақтро бо сония муайян мекунад (масалан `3s`). Метон қиматҳои касрӣ муайян кард, масалан, `0.5s` - ним сония.
`ms`	Вақтро бо миллисония муайян мекунад (масалан `3ms`). Як сония `1000` миллисония аст.

Қимати пешфарз: 0s.

Намуна

Бо муш ба блок нишон диҳед - он ба таври нарм дарозии худро дар муддати 2 сония тағйир медиҳад.

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

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

Нигаред низ

хосияти transition-property,
ки номи хосиятро барои гузариши нарм муқаррар мекунад
хосияти transition-delay,
ки таъхири пеш аз гузариши нармро муқаррар мекунад
хосияти transition-timing-function,
ки функсияи вақтиро барои гузариши нарм муқаррар мекунад
хосияти transition,
ки барои гузариши нарм ихтисор аст
хосияти animation,
ки бо ёрии он метавон аниматсия сохт