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

Question

[Алексей Герасимов]

Почему после окончания анимации происходит прокручивание всего изображения?
А точнее, можно ли от этого избавиться?
Вот так выглядят фреймы

@-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; }
        }

Answer 1

[Alex]

Если я правильно понимаю проблему, то animation-fill-mode: forwards поможет. Это заморозит анимацию в её конечной точке.

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

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

Comments

[Алексей Герасимов]

Ну вобщем то, мне нужно зацикливание.
Странное на самом деле свойство, браузеры прикидываются, что не в курсе о таком
https://yadi.sk/i/229PBvf5dYixr

[Alex]

starostin13, ответ обновлён.