Вы здесь

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;
}