Прелазно трајање - ЦСС-трикови

Anonim

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+