CSS свойство animation-delay

Устанавливает время ожидания перед запуском анимации. Значения указываются в секундах (s) или миллисекундах (ms). Значение 0s или 0ms запускает анимацию сразу же.

CSS синтаксис

animation-delay: время | initial | inherit;

Возможные значения

Значение	Описание
время	Необязательный параметр. Определяет количество секунд (s) или миллисекунд (ms) ожидания перед тем, как запустить анимацию. Значение по умолчанию 0. Можно использовать отрицательные значения.
inherit	Значение наследуется от родительского элемента.
initial	Устанавливает значение по умолчанию.

Пример использования

Подождать две секунды, а затем начать анимацию


div {
    -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
    animation-delay: 2s;
}