Својство 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,
којим се може направити анимација