animation-fill-mode

animation-fill-mode: none | forwards | backwards | both

📝 Описание

Устанавливает, как стили применяются до и после выполнения анимации.

Значение по умолчанию: none

🎯 Возможные значения

  • none — не применять стили
  • forwards — сохранить конечное состояние
  • backwards — применить начальные стили сразу
  • both — forwards + backwards
.element {
  animation-fill-mode: forwards;
}

🌐 Поддержка браузеров

Все современные браузеры