デバイスの傾きやマウスの位置でパララックスなアニメーション表示をします。HTML5のCanvasをサポートするすべてのブラウザで動作します。
スマートフォンなどのデバイスの傾きに反応するパララックス効果を実装できるjQueryプラグイン。傾きなどの動きが利用できない場合は代わりにカーソルの位置が利用される。
シンプルにパララックス効果を実装できるjQueryプラグイン
スクロールの量に応じて、ページ上の各エレメントにさまざまなスタイルを定義することができます。アニメーションの設定はHTML5のdata属性を使用し、各エレメントに指定します。
パララックスプラグインとしては後発だけあって設定できる項目も豊富にありますし、動作も軽いです。
スクロールすると画像とテキストを交互にパララックス効果で表示します。
パララックス効果を使って魅せるスライダーを、Parallax Slider with jQueryというjQueryが実現してくれるかもしれません。デモを見ると画像と背景の動くスピードに若干のズレがあり、これによって視覚 […]
スクロールによってコンテンツがダイナミックに変化していくのはとても格好よく、スタイリッシュです。