transition-duration
Имовину, обично се користи као део transition
стенографије, се користи за дефинисање трајања одређеног транзиције. Односно, временско трајање да циљани елемент пређе између два дефинисана стања.
.example ( transition-duration: 3s; )
Вредност може бити једна од следећих:
- Важећа временска вредност (дефинисана у секундама или милисекундама)
- Листа временских вредности одвојених зарезом за прелазак више својстава на један елемент
Подразумевана вредност за transition-duration
је 0s
, што значи да се неће извршити прелаз и промена својства ће се извршити одмах, чак и ако су дефинисана друга својства повезана са прелазом. Временска вредност се може изразити као децимални број ради прецизнијег одређивања времена и негативне вредности нису дозвољене.
Следећи ЦодеПен приказује ефекат лебдења на пољу које користи transition-duration
вредност 1s
за постепену промену боје позадине:
Погледајте ову оловку!
За компатибилност у свим подржаним прегледачима потребни су префикси добављача, са стандардном синтаксом проглашеном последњим:
.example ( -webkit-transition-duration: 700ms; -moz-transition-duration: 700ms; -o-transition-duration: 700ms; transition-duration: 700ms; )
ИЕ10 (прва стабилна верзија ИЕ која подржава transition-duration
) не захтева -ms-
префикс.
Подршка прегледача
Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
---|---|---|---|---|---|---|
Извођење радова | Извођење радова | 4+ | 10.5+ | 10+ | 2.1+ | 3.2+ |