Свойство animation-duration

Последнее обновление: 10.01.2011

Свойство animation-duration задает продолжительность одного цикла анимации (можно указать несколько через запятую).

Допустимые значения

  • <значение> — точное значение времени. Задается в секундах s или в миллисекундах ms
Значение по умолчанию 0
Применимо к блочным и строчным элементам
Наследование нет
Версия CSS CSS 3
Поддерживается браузерами

Пример

div {
width:100px;
height:50px;
position:absolute;
top:5px;
animation-name:'slide';
animation-duration: 10s;
}
Твой код:
Результат:
большой полигон

Заметки

Это свойство относится к модулю CSS Animations Module Level 3 находящемся в разработке W3C, поэтому в нем возможны дополнения.

Safari 4.0 и выше Chrome 3.0 и выше поддерживают аналогичное свойство -webkit-animation-duration, а также поддерживают возможность определить список анимаций с помощью ключевого слова @-webkit-keyframes.

По теме

Показать комментарии