transition-property

Обновлено: 30.05.2022

transition-property

Устанавливает имя стилевого свойства, значение которого будет отслеживаться для создания эффекта перехода.

Краткая информация

Значение по умолчанию all
Наследуется Нет
Применяется Ко всем элементам, к псевдоэлементам ::before и ::after
Анимируется Нет

Синтаксис

transition-property: none | all | <свойство> [,<свойство>]*

Значения

none Никакое свойство не задано.
all Все свойства будут отслеживаться.
<свойство> Название стилевого свойства, регистр при его написании не учитывается. При указании нескольких свойств они перечисляются друг за другом через запятую.

Пример

В данном примере при наведении курсора на блок он плавно изменяет своё положение.

Объектная модель

Объект.style.transitionProperty

Примечание

Chrome до версии 26.0, Safari до версии 6.1 и Android до версии 4.4 поддерживают свойство -webkit-transition-property.

Opera до версии 12.10 поддерживает свойство -o-transition-property.

Firefox до версии 16 поддерживает свойство -moz-transition-property.

Браузеры

transition-property

Посмотреть совместимость на Can I use?

transition-property