Анимация. Что я делаю не так?

Общее
1

Кто нибудь, может объяснить мне, что я делаю не так в попытке анимировать персонажа. Почему в конце анимации происходит прокручивание?
http://sampleracoon.azurewebsites.net/

2

на вопрос “почему” ответить не сложно - Вы используете спрайт картинки, и бегаете по координатам, а если Вы постоянно прокручиваете анимацию, то и картинка должна покрутиться к началу)

3

А можно что то сделать, что бы этого не было?

4

Как комп наладится - попробую посмотреть. Но, скорее всего - надо логику дописать, чтобы не было анимации к началу координат в спрайте когда дойдет до конца.

5

В правило @-webkit-keyframes randywalkright закралась ошибка:

99.9% {
  background-position: -20000px 0px;
}

Нужно не 20000, а 2000. :smiley:

Чтобы таких казусов не происходило, рекомендую пользоваться Autoprefixer или Prefixfree, которые позаботятся о вендорных префиксах за вас.

3 лайка
6

Огромное спасибо. Обязательно воспользуюсь чем нибудь из того что посоветовали.