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 . |
Поддержка браузеров
Свойство transition-property
поддерживается во всех основных браузерах.