Уласцівасць 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,
з дапамогай якога можна зрабіць анімацыю