●2016/06/18:CSSのみ使用なので、JavaScriptのグローバル変数はありません。
CSSだけを使用した body の上端横並びの背景移動の、横移動です。
動いているのは背景画像なので、上にタイトルや文章が書けます。そして画像も置けます。
サンタの画像はGIFアニメの背景透過画像です。
CSSの横移動、縦移動、斜め移動の書き方については、
背景移動1-1■CSS box背景移動の説明から。
また「body{animation: bMove 9s linear infinite;〜〜〜}」の「linear」を修正すると、速度変化を付けられます。
その修正方法は、
Lopan.jp のanimationプロパティを参考にしてみて下さい。
速度が違うだけで、CSS は
■背景移動3-1■CSS 空の全面背景移動■と同じです。
ただ CSS での背景画像の指定が、「敷詰」ではなく「repeat-x(上端横並び)」になっているだけです。
JavaScript使用の 上端移動 右へはこちら → 背景移動7■上端移動 右へ