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 |
Совместимость с браузерами
Loading…