parallax.js

スマホの傾きを検出してParallax効果を作れる「parallax.js」
キャンペーンサイトなどでやると印象がグッとアップしそうなエフェクトが作れるっぽいですが、このデモは必見ですね。



画像は以下のようにulでリスト形式にしてレイヤーをずらす形で実現されるようです。



やってることの割りにはJSで比較的簡単に実装ができそうです

関連エントリ

• レスポンシブなパララックス効果付きサイトを作るフレームワーク「CoolKitten」
• パララックスなスライダーを実装できるjQueryプラグイン「FractionSlider」
• パララックス効果を作るスクリプトやプラグインのまとめ
• レスポンシブでタッチ対応な軽量なスライダー実装jQueryプラグイン「Unslider」