背景移動3-1■空の全面背景移動     UP日時 : 2016/05/05

●2016/05/05:CSSのみ使用なので、JavaScriptのグローバル変数はありません。
CSSだけを使用した body の全面背景移動の、横移動です。
動いているのは背景画像なので、こんな風に上に文章が書けます。そして画像も置けます。船の画像はpngの背景透過画像です。
CSSの横移動、縦移動、斜め移動の書き方については、背景移動1-1■CSS box背景移動の説明から。
また「body{animation: bMove 9s linear infinite;〜〜〜}」の「linear」を修正すると、速度変化を付けられます。
その修正方法は、Lopan.jp のanimationプロパティを参考にしてみて下さい。

JavaScript使用の全面背景移動はこちら → 背景移動3■空の全面背景移動