animation-duration
Обновлено: 05.12.2022
animation-duration
Задаёт время в секундах или миллисекундах, сколько должен длиться один цикл анимации. По умолчанию значение равно 0s, это означает, что никакой анимации нет.
Можно указать несколько значений, перечисляя их через запятую. Отрицательные значения и значения без указания единиц времени (s или ms) недопустимы и будут игнорироваться.
Краткая информация
| Значение по умолчанию | 0s |
| Наследуется | Нет |
| Применяется | Ко всем элементам, к псевдоэлементам ::before и ::after |
| Анимируется | Нет |
Синтаксис
animation-duration: <время> [,<время>]*
Значения
См. время.
Пример
Объектная модель
Объект.style.animationDuration
Примечание
Chrome, Safari и Android поддерживают свойство -webkit-animation-duration.
Opera до версии 12.10 поддерживает свойство -o-animation-duration.
Firefox до версии 16 поддерживает свойство -moz-animation-duration.