【CSS3】CSSだけで実現!背景画像を固定&スクロールで切り替えるパララックス風効果 背景画像を画面いっぱいに表示し、パララックス効果のようにスクロールで画像を切り替えるCSSをご紹介します。スクリプトを使用していないので動作が軽く、実装もシンプルで簡単です。 まずは、デモをご覧下さい。 http://codyhouse.co/demo/alternate-fixed-scroll-background/index.html 解説ページはこちら。 ■使い方 背景画像のあるコンテンツと、それに続く背景画像のないコンテンツを一つのグループとして タグで囲みます。 コンテンツを下に増やしていくには、グループ部分を繰り返します。 cd-bg-1というクラスは、cd-bg-2、cd-bg-3と増やしていき、それぞれCSSで背景画像を指定します。 [HTML] CSSもシンプルです。 [CSS] b
![CSSでパララックスの様な効果をつける方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ef91ce52aecce0ee096fe7b30f8b1e393ece382/height=288;version=1;width=512/https%3A%2F%2Fdream-net.org%2Fblog%2Fwp-content%2Fuploads%2F2015%2F02%2F014.jpg)