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

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

animationDelay Атрибут определяет, когда начинается анимация.

animationDelay Значения определяются в секундах (s) или миллисекундах (ms).

Совет:Разрешается использовать отрицательные значения.-2s Начать анимацию сразу, но начать воспроизведение в 2 секунды.

Пример

Измените атрибут animationDelay элемента <div>:

document.getElementById("myDIV").style.animationDelay = "1s";

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

Синтаксис

Возврат атрибута animationDelay:

object.style.animationDelay

Установите атрибут animationDelay:

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

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

Значение Описание
time Опционально. Определяет количество секунд или миллисекунд, на которое нужно подождать до начала анимации. Значение по умолчанию 0.
initial Установите этот атрибут в его значение по умолчанию. См. initial.
inherit Инherits этот атрибут от родительского элемента. См. inherit.

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

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

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

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

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

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

Соответствующие страницы

CSS Reference Manual:Атрибут animation-delay