凄み・迫力のある パララックスを実現するプラグイン parallax.js

wagerfield_github_io_parallax
このエントリーをはてなブックマークに追加
PR

画像の素材や演出の設定による部分が大きいのですが
このプラグインを使えばこれと同等のものは作れてしまうってことでもあります

 

デモページ
http://wagerfield.github.io/parallax/

GitHub
https://github.com/wagerfield/parallax

 

また、ジャイロセンサーに対応していて
画面を傾けるとパララックス内にも影響をあたえるみたいです

 

画像は ul li img というタグ構成で指定して data-depth で奥域を設定するみたいです
他にもたくさんのパラメータが存在します

javascriptでの指定か、jQuery・Zeptoでパラメータが指定できます

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)