animation-delay - Задержка анимации

animation-delay устанавливается при запуске анимации. Анимация может начаться позже, сразу с ее начала или сразу и на полпути анимации.

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

/* Single animation */
animation-delay: 3s;
animation-delay: 0s;
animation-delay: -1500ms;

/* Multiple animations */
animation-delay: 2.1s, 480ms;

Положительное значение указывает, что анимация должна начаться по истечении заданного промежутка времени.

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

Отрицательное значение заставляет анимацию начинаться немедленно, но частично в течение ее цикла. Например, если вы укажете -1s в качестве времени задержки анимации, анимация начнется немедленно, но начнется через 1 секунду в последовательности анимации. Если вы указываете отрицательное значение для задержки анимации, но начальное значение неявно, начальное значение берется с момента применения анимации к элементу.

 Когда вы указываете несколько значений, разделенных запятыми, в свойстве animation- *, они будут назначаться анимациям, указанным в свойстве animation-name, по-разному, в зависимости от их количества. Для получения дополнительной информации см. Установка нескольких значений свойств анимации.