animation-direction
Оновлено: 05.12.2022
animation-direction
Встановлює напрямок руху анімації.
Коротка інформація
| Значення за замовчуванням | normal |
| Успадковується | Ні |
| Застосувається | До всіх елементів, до псевдоелементів ::before і ::after |
| Анімується | Ні |
Синтаксис
animation-direction: normal | alternate | reverse | alternate-reverse
Значення
| normal | Анімація йде з самого початку, після завершення циклу повертається до початкового стану. |
| alternate | Анімація йде з початку до кінця, потім плавно повертається у вихідне положення. |
| reverse | Анімація йде з кінця циклу, після його завершення повертається до початкового стану. |
| alternate-reverse | Анімація йде з кінця до початку, потім плавно повертається у вихідне положення. |
Приклад
Об'єктна модель
об'єкт.style.animationDirection
Примітка
Chrome до версії 43, Safari до версії 9 и Android підтримують властивість -webkit-animation-direction.
Opera до версії 12.10 підтримує властивість -o-animation-direction.
Firefox до версії 16 підтримує властивість -moz-animation-direction.