animation

Пример

Привязка анимации к элементу <div>, используя сокращенное название:

div {
animation: mymove 5s infinite;
}

Определение animation

CSS свойство animation - это сокращенное свойство для:

Примечание: Всегда указывайте свойство animation-duration, в противном случае длительность равна 0 и никогда не будет воспроизведена.

Значение по умолчанию:	none 0 ease 0 1 normal none running
Унаследовано:	no
Анимируемый:	no. Читайте о animatable
Версия:	CSS3
JavaScript синтаксис:	object.style.animation="mymove 5s infinite" Попробуй

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.

Цифры, за которыми следуют -webkit-, -moz- или -o-, указывают первую версию, которая работала с префиксом.

Свойство
animation	43.0 4.0 -webkit-	10.0	16.0 5.0 -moz-	9.0 4.0 -webkit-	30.0 15.0 -webkit- 12.0 -o-

animation: name duration timing-function delay iteration-count direction fill-mode play-state;

Значение	Описание
animation-name	Указывает имя ключевого кадра, который вы хотите привязать к селектору
animation-duration	Указывает, сколько секунд или миллисекунд требуется для завершения анимации
animation-timing-function	Определяет кривую скорости анимации
animation-delay	Указывает задержку перед запуском анимации
animation-iteration-count	Указывает, сколько раз должна быть воспроизведена анимация
animation-direction	Указывает, должна ли анимация воспроизводиться в обратном порядке при чередовании циклов
animation-fill-mode	Указывает, какие значения применяются анимацией вне времени ее выполнения
animation-play-state	Указывает, запущена ли анимация или приостановлена
initial	Устанавливает для этого свойства значение по умолчанию. Читайте о initial
inherit	Наследует это свойство от своего родительского элемента. Читайте о inherit