Свойство transitionProperty
Пример style.transitionProperty
Наведите указатель мыши на элемент div, чтобы постепенно изменить его ширину и высоту.:
document.getElementById("myDIV").style.transitionProperty = "width,height";
Попробуйте сами »
Описание transitionProperty
Свойство transitionProperty указывает имя свойства CSS, для которого предназначен эффект перехода (эффект перехода начнется при изменении указанного свойства CSS).
Совет: Эффект перехода обычно может возникнуть, когда пользователь наводит указатель мыши на элемент.
Примечание: Всегда указывайте свойство transitionDuration, в противном случае длительность будет равна 0, и переход не будет иметь никакого эффекта.
Поддержка transitionProperty
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает данное свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| transitionProperty | 26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
Синтаксис transitionProperty
Вернуть свойство transitionProperty:
object.style.transitionProperty
Установите свойство transitionProperty:
object.style.transitionProperty = "none|all|property|initial|inherit"
Значение свойства transitionProperty
| Значение | Описание |
|---|---|
| none | Ни одно свойство не получит эффект перехода |
| all | Значение по умолчанию. Все свойства получат эффект перехода |
| property | Определяет разделенный запятыми список имен свойств CSS, для которых предназначен эффект перехода |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали transitionProperty
| Значение по умолчанию: | all |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство перехода элемента. |
| CSS Версия | CSS3 |
Связанные страницы transitionProperty
CSS Справочник: Свойство transition-property