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