Как сделать анимацию дороги?

Question

[Tokenchik]

Как сделать анимацию движущейся дороги, как будто мы едем вверх?
В голову приходит мысль как то прокручивать изображение сверху вниз, при этом оно не должно иметь разрывов, т.е. как-то закальцовано.
Вот дорога, подскажите как можно реализовать задумку?

Answer 1

[Анатолий]

Вариант на CSS

Со значениями нужно поиграться, т.к высота в % не всегда кратна 600px (высота картинки)

Answer 2

[Millerish]

Tokenchik, можно сделать на threejs. Вот пример когда-то делал.

Comments

[Millerish]

или миксин + кей фрейм.

[Millerish]

https://codepen.io/mkrichet/pen/MoNdRE

Answer 3

[trushka]

Как-то так можно: https://jsfiddle.net/3770nhtu/2/
Или даже так: https://jsfiddle.net/3770nhtu/4/