Как реализовать повтор изображения внутри блока?

Question

[Вадим Губий]

Есть вот такой блок

Внутри этого блока, есть еще один блок, что-то типа облаков :D
Так вот, как сделать так что бы при анимации (движение слева на право) картинка начиналась сначала, когда заканчивается анимация? Только надо, что бы она просто продолжилась, а не вернулась резко назад, и по новой поехала. Размеры её 1000x90.

Как бы вариант делать блок шириной оверТысячПикселей и повторять изображение по оси, мне кажется не очень) есть другие варианты?

Спасибо.

Answer 1

[Igor Koch]

Сделайте ее бесшовной с двух сторон и анимируйте циклично:
https://jsfiddle.net/whata/rfgn3L81/2/

Comments

[Вадим Губий]

Спасибо, работает :)