AJAX загрузка
home

Свойство animation

Пример

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

#wrap1 {
animation:anim 4s 3;
}


Быстрый просмотр

Описание

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

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

Свойства должны указываться в следующем порядке (неиспользуемые значения можно пропускать):

  1. animation-name
  2. animation-duration
  3. animation-timing-function
  4. animation-delay
  5. animation-iteration-count
  6. animation-direction