animation-duration

Оновлено: 05.12.2022

animation-duration

Задає час у секундах або мілісекундах, скільки має тривати один цикл анімації. За замовчуванням значення дорівнює 0s, це означає, що жодної анімації немає.

Можна вказати кілька значень, перераховуючи їх через кому. Негативні значення і значення без зазначення одиниць часу (s або ms) неприпустимі і будуть ігноруватися.

Коротка інформація

Значення за замовчуванням 0s
Успадковується Ні
Застосовується До всіх елементів, до псевдоелементів ::before і ::after
Анімується Ні

Синтаксис

animation-duration: <time> [,<time>]*

Значення

Див. час.

Приклад

Об'єктна модель

Об'єкт.style.animationDuration

Примітка

Chrome, Safari и Android підтримують властивість -webkit-animation-duration.

Opera до версии 12.10підтримують властивість -o-animation-duration.

Firefox до версии 16 підтримують властивість -moz-animation-duration.

Браузери

animation-duration

Переглянути сумісність з Can I use?

animation-duration