Откуда прокручивание всего изображения в анимации?

Почему после окончания анимации происходит прокручивание всего изображения?
А точнее, можно ли от этого избавиться?
Вот так выглядят фреймы
@-ms-keyframes randywalkright {
            0% { background-position: 0px 0px; }
            9.9% { background-position: 0px 0px; }
            10% { background-position: -2000px 0px; }
            19.9% { background-position: -2000px 0px; }
            20% { background-position: -4000px 0px; }
            29.9% { background-position: -4000px 0px; }
            30% { background-position: -6000px 0px; }
            39.9% { background-position: -6000px 0px; }
...
            70% { background-position: -6000px 0px; }
            79.9% { background-position: -6000px 0px; }
            80% { background-position: -4000px 0px; }
            89.9% { background-position: -4000px 0px; }
            90% { background-position: -2000px 0px; }
            99.9% { background-position: 0px 0px; }
            100% { background-position: 0px 0px; }
        }
  • Вопрос задан
  • 2333 просмотра
Пригласить эксперта
Ответы на вопрос 1
isqua
@isqua
Научу HTML, CSS, JS, BEM и Git
Если я правильно понимаю проблему, то animation-fill-mode: forwards поможет. Это заморозит анимацию в её конечной точке.

Чтобы повторять анимацию бесконечно, нужно animation-iteration-count: infinite.

Оба свойства требуют префиксов. Кстати, чтобы не заботиться о префиксах, попробуйте Автопрефиксер.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы