loader

Cвойство animation-direction определяет, должна ли анимация воспроизводиться вперёд, назад или переменно вперёд и назад.

animation-direction հատկությունը որոշում է, թե արդյոք անիմացիան պետք է ցուցադրվի առաջ կամ հետ, թե հերթափոխով առաջ և հետ:

Синтаксис

Գրելաձև
animation-direction: normal; ⟿ Обычное воспроизведение анимации.
animation-direction: reverse; ⟿ Обратное воспроизведение анимации.
animation-direction: alternate; ⟿ Анимация меняет направление в каждом цикле.
animation-direction: alternate-reverse; ⟿ Начинает от конца до начало.

Hello

Пример

Օրինակ

See the Pen animation-direction by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

 animation image

Также у тега animation есть следующие под. теги
Поддержка браузера дляԲրաուզերի աջակցությունը animation-direction элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 10+ 12+ 43+ 16+ 9+ 30+
Notes