Почему спрайтовая css анимация не работает?

Question

[Мария Коробкоголовых]

Делаю спрайтовую анимацию с помощью animation steps. Почему этот простой до безобразия код не работает как нужно? На другом элементе с другой картинкой точно такой же код у меня работает, поэтому не понимаю что происходит,.

Answer 1

[Владимир Проскурин]

У вас ширина для элементов спрайта разная. Вы должны четко для каждого кадра на вашей картинке, выделить ровную ширину, тогда не будет "колбасить".

Comments

[Мария Коробкоголовых]

Справедливо. Придется пнуть дизайнера

[Владимир Проскурин]

Мария Коробкоголовых, в inkspace такое делается за пол минуты, достаточно просто сгруппировать каждый спрайт CTRL+G, выделить все и нажать "Расставить равноудаленно левые края".