Свойства CSS

Меню

animation-delay

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

12.0+ 10.0+ 16.0+ 43.0+ 30.0+ 9.0+

Описание

CSS свойство animation-delay определяет, когда запустится анимация. Значения указываются в секундах (s) или миллисекундах (ms).

Отрицательные значения не желательно использовать. Например -2s (секунды) заставляют анимацию сразу проигрываться начиная со второй секунды.

Значение по умолчанию: 0
Применяется: ко всем элементам и псевдо-элементам ::before и ::after
Анимируется: нет
Наследуется: нет
Версия: CSS3
Синтаксис JavaScript: object.style.animationDelay="2s"

Синтаксис

animation-delay: время;

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

Значение Описание
Время Определяет количество секунд или миллисекунд ожидания перед тем, как запустить анимацию.

Пример

CSS Свойство:
animation-delay:
Результат:
CSS Код:
div#myDIV {
animation-delay:1s;
}
Кликните на любое значение свойства, чтобы увидеть результат