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

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

animation-duration Свойство defines the time required for one cycle of the animation, in seconds or milliseconds.

См. также:

CSS3 учебник:Анимация CSS

HTML DOM справочник:Свойство animationDuration

Пример

Установите имя для @keyframes анимации:

div {
  animation-duration: 3s;
}

Попробуйте сами

CSS синтаксис

animation-duration: time;
Значение Описание
time Определяет время, затраченное на выполнение анимации. Значение по умолчанию 0 означает, что анимация отсутствует.

Технические детали

Значение по умолчанию: 0
Наследование: нет
Версия: CSS3
JavaScript синтаксис: object.style.animationDuration="3s"

Поддержка браузеров

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

Числа с префиксами -webkit-, -moz- или -o- указывают на первую версию, использующую префиксы.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
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-