transition-duration xususiyati

transition-duration xususiyati transition egiluvchan o‘tishning bajarilish vaxtini belgilaydi.

Sintaksis

selector {
	transition-duration: s yoki ms da vaqt;
}

Qiymatlar

Qiymat	Izoh
`s`	Vaqtni sekundlarda belgilaydi (masalan `3s`). Kasrli qiymatlarni ham belgilash mumkin, masalan, `0.5s` - yarim sekund.
`ms`	Vaqtni millisekundlarda belgilaydi (masalan `3ms`). Bir sekund `1000` millisekundga teng.

Standart qiymat: 0s.

Misol

Sichqonchani blok ustiga olib keling - u 2 sekund davomida o‘z kengligini egiluvchan o‘zgartiradi.

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

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

Shuningdek qarang

transition-property xususiyati,
egiluvchan o‘tish uchun xususiyat nomini belgilaydi
transition-delay xususiyati,
egiluvchan o‘tishdan oldin kechikishni belgilaydi
transition-timing-function xususiyati,
egiluvchan o‘tish uchun vaqt funktsiyasini belgilaydi
transition xususiyati,
egiluvchan o‘tish uchun qisqartma hisoblanadi
animation xususiyati,
uning yordamida animatsiya yaratish mumkin