Пример
@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-name Вы можете указать имя анимации.