Свойство animation-duration

@keyframes anim {
from {margin-left:3px;}
to {margin-left:500px;}
}

#wrap1 {
animation-name:anim;
animation-duration:4s
animation-iteration-count:3;
}

Описание

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

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