CSS animation-duration Свойство

Укажите, что анимация должна завершить один цикл за 3 секунды:

div {
animation-duration: 3s;
}

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

Свойство animation-duration определяет, сколько времени должно занять анимация для завершения одного цикла.

Значение по умолчанию:	0
Inherited:	no
Animatable:	no. Читайте о animatable
Version:	CSS3
Синтаксис JavaScript:	object.style.animationDuration="3s"

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

Номера следуют -webkit-, -moz-, or -o- Укажет первую версию, которая работала с префиксом.

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

animation-duration: time|initial|inherit;

Значение	Описание
time	Указывает длительность времени, которое должна занять анимация для завершения одного цикла. Это может быть задано в секундах или миллисекундах. Значение по умолчанию — 0, что означает, что анимация не будет выполняться
initial		Присваивает этому свойству значение по умолчанию. (Читайте о initial)
inherit		Наследует это свойство из родительского элемента. (Читайте о inherit)