This page was translated from English by the community.Learn more and join the MDN Web Docs community.
animation-duration
Baseline Widely available *
This feature is well established and works across many devices and browser versions. It’s been available across browsers since сентябрь 2015 г..
* Some parts of this feature may have varying levels of support.
Экспериментальная возможность:Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотритетаблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.
Описание
Свойствоanimation-duration устанавливает длительность анимации во времени за один цикл.
Значение по умолчанию0s определяет, что анимация не должна выполняться.
Удобно использовать сокращённое свойствоanimation чтобы установить сразу все свойства анимации.
| Начальное значение | 0s |
|---|---|
| Применяется к | все элементы,::before и::afterпсевдоэлементы |
| Наследуется | нет |
| Обработка значения | как указано |
| Animation type | Not animatable |
Синтаксис
animation-duration: 6s;animation-duration: 120ms;animation-duration: 1s, 15s;animation-duration: 10s, 30s, 230ms;Примеры
<time>Длительность анимации определяется в секундах
sили в миллисекундахms. По умолчанию стоит значение0s. Отрицательные значения являются недействительными.
Примечание:Отрицательные значения являются недействительными и отменяют объявление. Некоторые старые реализации считают отрицательные значения равнозначными0s.
Формальный синтаксис
animation-duration =
[auto|<time [0s,∞]>]#
Примеры
Смотрите для примеровCSS-анимации.
Спецификации
| Specification |
|---|
| CSS Animations Level 1 # animation-duration |