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

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

animationDuration Определяет количество секунд или миллисекунд, необходимых для завершения анимации одного цикла.

Пример

Измените свойство animationDuration элемента <div>:

document.getElementById("myDIV").style.animationDuration = "3s";

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

Синтаксис

Возврат свойства animationDuration:

object.style.animationDuration

Установите свойство animationDuration:

object.style.animationDuration = "time|initial|inherit"

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

Значение Описание
time Определяет продолжительность анимации. Значение по умолчанию 0 означает, что анимация не будет выполняться.
initial Установите это свойство в его значение по умолчанию. См. initial.
inherit Инherit this property from its parent element. См. inherit.

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

по умолчанию: 0
возвратное значение: строка, представляющая элемент Атрибут animation-duration.
Версия CSS: CSS3

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

animationDuration Это функция CSS3 (1999).

Все браузеры полностью поддерживают его:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
поддержка поддержка поддержка поддержка поддержка 11

Связанные страницы

CSS справочник:Атрибут animation-duration