CSS3 animation Property

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

div {
-webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
animation: mymove 5s infinite;
}

Определение и использование

Свойство анимации свойство является обобщающим для восьми из свойств анимации:

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

Значение по умолчанию:	none 0 ease 0 1 normal none running
Наследование:	no
Animatable:	no. Read about animatable
Версия:	CSS3
Синтаксис JavaScript:	object .style.animation="mymove 5s infinite" Try it

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

Числа следуют -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 -о-

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	Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный
inherit	Наследует это свойство от своего родительского элемента. Читайте о унаследовать