合体６■F+M+O■　左右往復移動背景に３個飛ぶ　　　　　UP日時 : 2014/09/24

『背景画像の左右往復移動』と『くるくる３個以上飛ぶ』と『グラデーション文字+CSS』の合体です。
■『背景画像の左右往復移動』について■
さて、ここで朗報です！　……といっても、私が無知だっただけですが(笑)

私は『部分』ではなく『全体』(body)で背景画像の往復運動をする場合、継ぎ目のないシームレスの画像が必要だと思っていました。
そんな画像は、小さな背景画像ならフリー素材サイトにたくさんあります。
でも大きな画像はなかなか見つけられません。自分で加工する以外にないと思っていました。

ところがシームレスでない大きな画像でも、継ぎ目を出さずに往復移動が可能でした！
まず、拡大表示しても画像が荒くならない程度の大きさは必要です。
そして、その画像をCSSで background-size:105% auto; 指定にします。画像横幅一杯の100%ではなく、105%が重要です。
それで画面表示面積より大きくなるので、揺らしても継ぎ目がでません。

■『くるくる３個以上飛ぶ』について■
範囲指定する場合は、XposとYposの数値を変更して下さい。