transition-property
Обновлено: 09.01.2023
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.