СSS Свойство animation-duration
Пример
Указать, что анимация должна завершить один цикл за 3 секунды:
div {
animation-duration: 3s;
}
Попробовать »
Определение и использование
Свойство animation-duration
определяет, сколько времени должна занимать анимация для завершения одного цикла.
Значение по умолчанию: | 0 |
---|---|
Унаследованный: | нет |
Анимируемый: | нет. Прочитать о animatable |
Версия: | CSS3 |
JavaScript синтаксис: | object.style.animationDuration="3s" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Числа, за которыми следуют -webkit-, -moz-, или -o- указывают первую версию, которая работает с префиксом.
Свойство | |||||
---|---|---|---|---|---|
animation-duration | 43.0 3.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
CSS Синтаксис
animation-duration: time|initial|inherit;
Значение свойств
Значение | Описание | Воспроизвести |
---|---|---|
time | Задает время, в течение которого анимация должна выполнить один цикл. Это может быть указано в секундах или миллисекундах. Значение по умолчанию 0, означает, что никакой анимации не произойдет | Воспроизвести » |
initial | Устанавливает для этого свойства значение по умолчанию. Прочитать о initial | |
inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Связанные страницы
CSS учебник: CSS Animations
HTML DOM справочник: Свойство animationDuration