Свойство animation-fill-mode

Определяет, как нужно применять стили к объекту анимации до и после ее выполнения

animation-fill-mode: forwards;
  • поддерживается начиная с
  • частичная поддержка до
  • не поддерживается

Значения

animation-fill-mode: none;

Стили анимации не будут применены к элементу до и после ее выполнения

animation-fill-mode: forwards;

По окончании анимации элемент сохранит стили последнего ключевого кадра

animation-fill-mode: backwards;

Стили анимации первого кадра будут применены элементу до ее запуска

animation-fill-mode: both;

Стили к элементу применяются до и после воспроизведения анимации, как если бы значения forwards и backwards были заданы одновременно

animation-fill-mode: forwards, backwards;

Применяет свойство animation-fill-mode для разных анимаций элемента, если их указано несколько в animation-name

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии