В какой момент определяется финальное положение анимации

После завершения анимации финальное положение определяется свойством animation-fill-mode. Оно контролирует, применяются ли стили анимации до и после её выполнения.

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

• none (по умолчанию) — стили анимации не применяются до/после
• forwards — элемент сохраняет стили последнего ключевого кадра
• backwards — применяются стили первого ключевого кадра до начала анимации
• both — комбинация forwards и backwards

Пример:

.box {
  animation: slide 2s forwards;
}

@keyframes slide {
  from { transform: translateX(0); }
  to { transform: translateX(100px); }
}

После анимации .box останется на 100px справа. Без forwards он вернётся в исходное положение.