пример
Сделать анимацию полностью за две секунды:
div {
-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
animation-duration: 2s;
}
Попробуй сам " Определение и использование
Свойство анимации-продолжительность определяет, сколько секунд или миллисекунды анимации требуется, чтобы завершить один цикл.
| Значение по умолчанию: | 0 |
|---|---|
| Наследование: | no |
| Animatable: | no. Read about animatable |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object .style.animationDuration="3s" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа следуют -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 -о- |
CSS Синтаксис
animation-duration:time|initial|inherit;Значения свойств
| Стоимость | Описание | Сыграй |
|---|---|---|
| time | Определяет длину анимации требуется, чтобы закончить. Значение по умолчанию равно 0, что означает, что не будет никакой анимации | Сыграй " |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
CSS3 учебник: CSS3 Animations
HTML DOM ссылка: animationDuration property