Свойство animation-delay

@keyframes anim1 {
from {width:100px;}
to {width:500px;}
}

div {
animation-name:anim1;
animation-duration:4s;
animation-delay:3s;
animation-iteration-count:infinite;
}

Описание

Обратите внимание: данное свойство поддерживается в браузерах IE10+, Firefox и Opera. Для браузеров Chrome и Safari требуется префикс -webkit.

С помощью свойства animation-delay Вы можете установить величину задержки перед началом выполнения анимации.