背景画像のスクロール速度を変えることで、コンテンツと背景画像で遠近感を演出することができるスクリプト「Parallax Backgrounds」を紹介します。 via:ページに今まで見たことのないような背景画像をCSSとJavaScriptで設定「Parallax Backgrounds」 via:背景イメージを遠近感トリックでスクロールする方法 (Parallax Backgrounds) 公式サイトのサンプルでは、スピードが異なる2つの背景画像を組み合わせているので、やや奇抜な印象を受けますが、背景を遠方として捉えたイメージで作り直したサンプル(単に雲を除いただけ)をご覧頂ければ、シンプルな遠近感の動きを楽しめます。 サンプル サンプル途中にある引用(blockquote)部分は、横スクロールで背景画像のスクロール速度が変わります。 以下、サンプルを例に、 ひとつの背景画像を縦スクロー