animation-duration
Поддержка браузерами
12.0+ | 10.0+ | 16.0+ | 43.0+ | 30.0+ | 9.0+ |
Описание
CSS свойство animation-duration определяет сколько секунд или миллисекунд понадобится, чтобы закончить 1 цикл анимации.
Значение по умолчанию: | 0 |
---|---|
Применяется: | ко всем элементам и псевдо-элементам ::before и ::after |
Анимируется: | нет |
Наследуется: | нет |
Версия: | CSS3 |
Синтаксис JavaScript: | object.style.animationDuration="3s" |
Синтаксис
animation-duration: время;
Значения свойства
Значение | Описание |
---|---|
time | Указывает скорость воспроизведения анимации от начала до конца. Если указано значение 0, это значит анимация отключена. |
Пример
CSS Свойство:
animation-duration:
Результат:
CSS Код:
div#myDIV {
animation-duration:1s;
}
animation-duration:1s;
}