CSS-свойство transition-property

CSS-свойство transition-property указывает свойства CSS, к которым должен применяться эффект перехода.

Значение по умолчанию:	`all`
Применяется к:	Все элементы, `::before` и `::after` псевдо-элементы
Наследование:	Нет
Анимирование:	Нет. Анимируемые свойства
Версия:	Новый в CSS3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

transition-property: property1 [, property2, ... propertyN] | none | all | initial | inherit

Примеры написания кода свойства transition-property:

button {
    background: #fd7c2a;
    /* For Safari 3.0+ */
    -webkit-transition-property: background;
    -webkit-transition-duration: 2s;
    /* Standard syntax */
    transition-property: background;
    transition-duration: 2s;
}
button:hover {
    background: #3cc16e;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение	Описание
`none`	Ни одно свойство не получит эффект перехода `transition`.
`all`	Эффект перехода `transition` будет применятся ко всем свойствам, которые поддерживают этот эффект. Это значение установлено по умолчанию.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `transition-property`.