пример
Наведите указатель мыши на элемент DIV, чтобы постепенно изменить его ширину и высоту:
document.getElementById("myDIV").style.transitionProperty = "width,height";
Попробуй сам " Определение и использование
Свойство transitionProperty определяет имя свойства CSS эффект перехода для (эффект перехода начнется, когда указанные изменения CSS свойств).
Tip: Переход эффект может обычно возникает , когда пользователь парение над элементом.
Note: Всегда указывайте свойство transitionDuration, в противном случае продолжительность составляет 0, а переход не будет иметь никакого эффекта.
Поддержка браузеров
Свойство transitionProperty поддерживается в Internet Explorer 10, Firefox, Opera и Chrome.
Safari поддерживает альтернативный, свойство WebkitTransitionProperty.
Примечание: Свойство transitionProperty не поддерживается в Internet Explorer 9 и более ранних версий.
Синтаксис
Возвращает свойство transitionProperty:
object .style.transitionProperty Установите свойство transitionProperty:
object .style.transitionProperty="none|all| Значения свойств Стоимость Описание none Никакая собственность не получит эффект перехода all Значение по умолчанию. Все свойства будут получать эффект перехода property Определяет разделенный запятыми список имен свойств CSS эффект перехода для initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: все Возвращаемое значение: Строка, представляющая свойство переходных свойств элемента CSS версия CSS3
Похожие страницы
Ссылка CSS: transition-property property
<Style Object