Свойство 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 свойстваси,
энди анимация яратиш имконини беради