loader

Cвойство animation-fill-mode определяет, как нужно применять стили к объекту анимации до и после её выполнения.

animation-fill-mode հատկությունը որոշում է, թե ինչպես CSS ոճերը պետք է կիրառվեն անիմացիոն օբյեկտի վրա նախքան անիմացիաի կատարվելը և կատարվելուց հետո:

Синтаксис

Գրելաձև

animation-fill-mode: none; ⟿ Нету
animation-fill-mode: forwards; ⟿ Элемент сохранит стили последнего ключевого кадра
animation-fill-mode: backwards; ⟿ Элемент сохранит стиль первого ключевого кадра
animation-fill-mode: both; ⟿ Можно сказать что это смесь forwards и backwards

Hello

Пример

Օրինակ

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

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

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

animation-fill-mode image

Также у тега animation есть следующие под. теги

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