CSS3 animation-duration Свойство
Пример
Установите завершение анимации в течение двух секунд:
animation-duration:2s;
-webkit-animation-duration:2s; /*Safari и Chrome*/
Попробуйте сами »
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая поддерживает это свойство.
Число перед -webkit-, -ms- или -moz- — это первая версия браузера, которая поддерживает свойство с этим префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| 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- |
Определение тега и инструкции по использованию
Свойство animation-duration определяет, сколько секунд или миллисекунд требуется анимации для завершения одного цикла.
| Значение по умолчанию: | 0 |
|---|---|
| Наследуется: | нет |
| версия: | CSS3 |
| Синтаксис JavaScript: | object object.style.animationDuration="3s" |
Синтаксис
animation-duration: time;
| Значение | Описание |
|---|---|
| time | Указывает время, необходимое анимации для завершения одного цикла воспроизведения. Значение по умолчанию — 0, что означает отсутствие эффекта анимации. |
Связанные статьи
Руководство по CSS3:CSS3-анимации
Другие расширения