CSS Animation-Iteration-Count портит режим Animation-fill-mode [закрыто] ⇐ CSS

[Anonymous]

При попытке повторить анимацию с помощью Animation-Iteration-Count анимация сбрасывается до последней итерации, когда анимация-fill-mode перейдет вперед.
Я хотел анимировать перемещение элемента div вперед, останавливаясь, затем снова двигаясь вперед. Когда я делал анимацию, она один раз переместилась вперед, сбрасывалась, затем снова переместилась вперед и осталась там. Я тестировал это на Firefox и Edge - ни один из них не работал. Мне не удалось найти никого с моей проблемой в Google.
Прошу прощения за неточности в моем вопросе — я впервые использую stackoverflow.

Код: Выделить всё

div {
width: 100px;
height: 100px;
background-color: red;
animation: animation 2s 2 forwards;
}

@keyframes animation {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100px);
}
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/785 ... -fill-mode