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

Anonim

transition-propertyИмовина, обично се користи као део transitionстенографије, користи се за дефинисање шта имовину, или својства, желите да примените транзициони ефекат.

То се постиже давањем имена имовине као вредности:

.example ( transition-property: color; )

Вредност може бити једна од следећих:

  • Једно име својства, као у примеру горе
  • Листа имена својстава одвојених зарезом (стенографска или дугорочна) за прелазак више својстава на један елемент
  • Кључна реч noneкоја указује да ниједно својство неће прећи
  • Кључна реч allкоја означава да ће сва својства прећи (подразумевано)

Када цомма раздвајање вредности, имена особина у суштини мапирана на другим особинама транзицији дефинисаних ( transition-timing-function, transition-durationи transition-delay). Дакле, то значи да ако листа својстава одвојених зарезом укључује једно или више имена својстава која су неваљана, друга својства ће се и даље пребацити и пресликати у своја предвиђена сродна својства преласка.

Спецификација ово описује рекавши:

„(У) непрепозната или нежива својства морају се чувати на листи да би се сачувало подударање индекса.“

Када користите вредност noneили универзалне кључне речи inheritили initial, ове вредности се не могу користити као део листе одвојене зарезима, у супротном ће то довести до синтаксне грешке и цела линија ће бити занемарена.

За компатибилност у свим подржаним прегледачима потребни су префикси добављача, са стандардном синтаксом проглашеном последњим:

.example ( -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; )

ИЕ10 (прва стабилна верзија ИЕ која подржава transition-property) не захтева -ms-префикс.

Подршка прегледача

Хром Сафари Фирефок Опера ИЕ Андроид иОС
Извођење радова Извођење радова 4+ 10.5+ 10+ 2.1+ 3.2+