左から、背景画像をじょじょに表示

バイト先の職業訓練学校では「実制作」なるものがありまして
訓練生さんから、質問が出た。
「背景画像の道を、左から、じょじょに表示させて、道を歩いてるような感じにしたい。」
訓練生さんのイメージするようなものが、ググってもなかったので
苦労して作ったので「めも」

↓完成したのは、こんな感じ(動かない場合はページの再読み込みをしてみて下さい)

イラストはS先生、作成のヒントはN先生にいただきました。
ありがとうございますm(_ _)m

コードは以下の通り

まずはHTML 背景画像(道)をDIVで隠しています

次にCSS DIVにアニメーションを付けて移動させます