背景・レイアウト
【tiltedpage_scroll】立体的に画像が表示されるスクロールが実装できるjQueryプラグイン

Tilted Page Scroll Demo Page Download Page

スクロールすると画像が立体的に表示することができます。
１ページサイトに少し動きをつけたいときに使いたいですね。

Lisence

GPLライセンス

※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。

Browser

01.Firefox02.Chrome04.Safari09.InternetExplorer10

Tag

アニメーションスクロール

設置方法などの参考ページ

スクロールに連動して画像が立体的に現れるようにできるjQueryプラグイン「Tilted Page Scroll」:phpspot開発日誌

http://phpspot.org/blog/archives/2014/03/jquerytilted_pa.html

PHP/HTML5/CSS3/JavaScript/CSS等の最新技術情報をお届け

公開日：2014.05.22

Related Posts

http://www.ianlunn.co.uk/plugins/jquery-parallax/
【jQuery Parallax】スクロールで格好よく変化するページを作る際に使えるjQueryプラグイン
ScrollMagic
【ScrollMagic】スクロールアニメーションを実装する便利なjQueryプラグイン
http://individual11.github.io/Scroll-To/#ease
【Scroll To】アニメーションスクロールをデフォルト化するjQueryプラグイン
scrollReveal.js
【scrollReveal.js】スクロール時にオブジェクトが流れるようなアニメーションを実装するスクリプト
http://alvarotrigo.com/multiScroll/
【multiscroll.js】上下から画像がスクロールして合体するページ切り替えが実装できるjQueryプラグイン
http://mynameismatthieu.com/WOW/
【WOW.js】スクロールに合わせてアニメーションさせるスクリプト
Curtain.js
【curtain.js】スクロールするとカーテンのように切り替わるjQueryプラグイン
http://isotope.metafizzy.co/index.html
【Isotope】要素にアニメーションを加えるjQueryプラグイン
【jquery Bottom】一番下までスクロールしたら自動的にコンテンツを表示するjQueryプラグイン
http://razorjack.net/quicksand/
【Quicksand】アイテムをソート・フィルタリングするjQueryプラグイン

Page Top