Свойство animation-delay задаёт задержку воспроизведения CSS-анимации.
Пример
.element {
animation-delay: 1s;
}
Значением может быть любое число, как отрицательное, так и положительное. Если значение положительное, то будет задержка перед началом анимации. Если значение отрицательное, то анимация начнётся как бы за кадром.