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

Устанавливает время в секундах или миллисекундах, сколько должен длиться один цикл анимации. По умолчанию значение равно 0s, это означает, что никакой анимации нет.

CSS синтаксис

animation-duration: время | initial | inherit;

Возможные значения

ЗначениеОписание
времяОпределяет длительность воспроизведения анимации от начала до конца. Значение по умолчанию 0, обозначающее, что анимация отключена.
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

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


div {
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-duration: 2s;
}