Свойство transitionProperty стиля

Определение и использование

transitionProperty Свойство определяет имя CSS-свойства, для которого предназначен эффект перехода (переход будет запущен при изменении указанного CSS-свойства).

Совет:Когда пользователь наводит мышь на элемент, обычно возникает эффект перехода.

Комментарий:Всегда указывайте Свойство transitionDurationв противном случае время продолжения будет 0, и переход будет неэффективным.

См. также:

CSS-руководство:Свойство transition-property

Пример

Наведите мышь на элемент div, чтобы изменять его ширину и высоту постепенно:

document.getElementById("myDIV").style.transitionProperty = "width,height";

Попробуйте сами

Грамматика

Вернуть свойство transitionProperty:

object.style.transitionProperty

Установить свойство transitionProperty:

object.style.transitionProperty = "none|all|property|initial|inherit"

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

Значение Описание
none Нет свойств, которые получают эффект перехода.
all Значение по умолчанию. Все свойства получают эффект перехода.
property Список CSS-свойств, определяющих имя CSS-свойства, которое создает эффект перехода, разделенных запятыми.
initial Set this property to its default value. См. initial.
inherit Инherit this property from its parent element. См. inherit.

Технические детали

Значение по умолчанию: all
Возвратное значение: Строка, представляющая Свойство transition-property.
Версия CSS: CSS3

Поддержка браузерами

Числа в таблице указывают на версию браузера, которая首个完全支持该属性。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 16.0 6.1 12.1