Свойство transition-property

Свойство transition-property имя css-свойства, к которому будет применен анимационный переход..

Свойство transition-property определено в спецификации CSS 3 модуль Transitions (анимационные переходы), применяется к все элементы, и псевдоэлементы :before и :after, и действует на всех визуальный носителях, его значение не наследуется от родительского элемента в иерархии документа, и по умолчанию принимает значение all. На данный момент свойство поддерживается во всех основных браузерах.

Смотри также:

  • transition - свойства анимационного перехода
  • transition-duration - длительность анимационного перехода
  • transition-timing-function - функция зависимости значения css-свойства от времени во течении анимационного перехода
  • transition-delay - задержка перед выполнением анимационного перехода
  • -moz-transition - свойства анимационного перехода
  • -moz-transition-property - имя css-свойства, к которому будет применен анимационный переход.
  • -moz-transition-duration - длительность анимационного перехода
  • -moz-transition-timing-function - функция зависимости значения css-свойства от времени во течении анимационного перехода
  • -moz-transition-delay - задержка перед выполнением анимационного перехода
  • -webkit-transition - свойства анимационного перехода
  • -webkit-transition-property - имя css-свойства, к которому будет применен анимационный переход.
  • -webkit-transition-duration - длительность анимационного перехода
  • -webkit-transition-timing-function - функция зависимости значения css-свойства от времени во течении анимационного перехода
  • -webkit-transition-delay - задержка перед выполнением анимационного перехода
  • -o-transition - свойства анимационного перехода
  • -o-transition-property - имя css-свойства, к которому будет применен анимационный переход.
  • -o-transition-duration - длительность анимационного перехода
  • -o-transition-timing-function - функция зависимости значения css-свойства от времени во течении анимационного перехода
  • -o-transition-delay - задержка перед выполнением анимационного перехода

Краткое описание

имя css-свойства, к которому будет применен анимационный переход.

Синтаксис:

none | all | [ <IDENT> ] [ ‘,’ <IDENT> ]*

По умолчанию:

all

Применяется к:

все элементы, и псевдоэлементы :before и :after

Наследование:

не наследуется

Тип носителя:

визуальный

Объектная модель документа (DOM):

[элемент].style.transitionProperty

Кроссбраузерная совместимость

Internet Explorer

5+

Firefox

2.0+

Chrome

1.0+

Safari

1.0+

Opera

8.5+