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