[JS]ページのスクロール時、天地に紙を折り曲げるエフェクトを加えるスクリプト -FoldScroll
Post on:2012年9月13日
スクロールする際、天地の位置にあるパネルにアニメーションで紙を折り曲げるエフェクトを加えるjQueryのプラグインを紹介します。
![サイトのキャプチャ](/wp-content/uploads-2012/2012091301.png)
この3Dのエフェクトは実験的なもので、紙を折り曲げるエフェクトにはCSS3のperspectiveを使用しているため、現在のところ対応ブラウザはChrome, Safariのみです。
![サイトのキャプチャ](/wp-content/uploads-2012/2012091302.png)
Chromeで表示
天のパネルが折り曲がってるのですが、キャプチャだと絵的につまらないですね。
Safari対応なので、iOSでも動作します。
![サイトのキャプチャ](/wp-content/uploads-2012/2012091303.png)
iOSで表示
滑らかさと紙の質感がもう少しあると、かなり気持ちいいエフェクトになりそうです。
スクリプトのダウンロードや使い方は、GitHubに掲載されています。
sponsors