Свойства CSS

Меню

animation-duration

Поддержка браузерами

12.0+ 10.0+ 16.0+ 43.0+ 30.0+ 9.0+

Описание

CSS свойство animation-duration определяет сколько секунд или миллисекунд понадобится, чтобы закончить 1 цикл анимации.

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

Синтаксис

animation-duration: время;

Значения свойства

Значение Описание
time Указывает скорость воспроизведения анимации от начала до конца. Если указано значение 0, это значит анимация отключена.

Пример

CSS Свойство:
animation-duration:
Результат:
CSS Код:
div#myDIV {
animation-duration:1s;
}
Кликните на любое значение свойства, чтобы увидеть результат