• Теория
  • Теория

Состояние до и после анимации: animation-fill-mode, шаг 5

Третье значение свойства animation-fill-modeboth.

Оно объединяет действия forwards и backwards. То есть до начала анимации элементу присваивается состояние первого ключевого кадра, а после завершения — конечное состояние анимации сохраняется.

Действие animation-fill-mode: both распространяется и на многоразовую, и на чередующуюся анимацию.

Проведём финальный эксперимент!

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Анимация» тренажёра «Интерфейсные анимации» можно после регистрации и оформления подписки.