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+ |