ページに動きをつけるパララックス効果

jQuery・css

スクロールにあわせて、ウィンドウ内に動きをつける事ができる jQueryプラグイン 「skroller」

jQuery skroller

skrollr – parallax scrolling for the masses

様々なパララックス効果が用意されており、簡単に実装することができるかなり軽めのJSスクリプトです。
デモページを見ると、この「skrollr」で実装する事ができる様々なパターンのパララックスエフェクトみることができます。

HTML5とCSS3アニメーションで構成されていて、data属性を使って各エレメントにアニメーション設定をするようになっています。

その他にも

https://github.com/Prinzhorn/skrollr/tree/master/examples#examples

にはスクロールによって要素を回転させるパターンや、シンプルに背景画像のみにパララックス効果を付けるパターンなどいろいろなサンプルが用意されてるので、一度見ておくと感覚が刺激される事間違いありません!

skroller パララックス効果サンプル