Как сделать зацикленную анимацию?

Question

[lavezzi1]

Есть блок, на нем изображение через css background-image, его нужно анимировать, чтобы картинка все время двигалась вправо, сделал такое через css анимацию вот так:

@keyframes loading {
  0% {
    background-position: 0px;
  }
  100% {
    background-position: 100px;
  }
}

animation: loading 1s infinite;

Но дергается, понятно что кейфрейм обрывается. Как исправить?

Answer 1

[Сергей Софьичев]

codepen.io/THISISHAPPI/pen/RaMmYq

Comments

[lavezzi1]

нет, теперь она туда-сюда гоняет) нужно в одну сторону

[lavezzi1]

как загрузка спиннер только зацикленный

[Сергей Софьичев]

lavezzi1: покажите код и что должно быть)

[Сергей Софьичев]

lavezzi1: обновил ответ

[lavezzi1]

Сергей Софьичев: Ч - четко.