Свойство animationDuration
Пример style.animationDuration
Изменение свойства animationDuration элемента <div>:
document.getElementById("myDIV").style.animationDuration = "3s";
Попробуйте сами »
Описание animationDuration
Свойство animationDuration определяет, сколько секунд или миллисекунд требуется анимации для завершения одного цикла.
Синтаксис animationDuration
Верните свойство animationDuration:
object.style.animationDuration
Задайте свойство animationDuration:
object.style.animationDuration = "time|initial|inherit"
Значение свойства animationDuration
| Значение | Описание |
|---|---|
| time | Указывает длительность анимации до конца. Значение по умолчанию 0, что означает, что анимации не будет |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали animationDuration
| Значение по умолчанию: | 0 |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство animation-duration элемента |
| CSS Версия | CSS3 |
Поддержка animationDuration
style.animationDuration функция CSS3 (1999).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 11 |
Связанные страницы animationDuration
CSS Справочник: Свойство animation-duration