[CSS]スタイルシートでパララックス(視差)効果を狙ったサイト集
Post on:2008年5月26日
kremaliciousのエントリーから、パララックス(視差)による面白いエフェクトを実装したサイトを紹介します。
エフェクトはスタイルシートだけではなく、スクリプトを併用しているものもあります。
Showcasing the CSS Parallax Effect: 12+1 Creative Usages
![Silverbackのキャプチャ](/wp-content/uploads/2008052606-01.png)
![Starry Nightのキャプチャ](/wp-content/uploads/2008052606-02.png)
![Percentage Backgroundsのキャプチャ](/wp-content/uploads/2008052606-03.png)
![A parallax illusion with CSSのキャプチャ](/wp-content/uploads/2008052606-04.png)
![We All Hate Quickbooks, Do You?のキャプチャ](/wp-content/uploads/2008052606-05.png)
We All Hate Quickbooks, Do You?
![Dumagoのキャプチャ](/wp-content/uploads/2008052606-06.png)
![Dromaeoのキャプチャ](/wp-content/uploads/2008052606-07.png)
![cdev.ruのキャプチャ](/wp-content/uploads/2008052606-08.png)
![Parallax Backgroundsのキャプチャ](/wp-content/uploads/2008052606-09.png)
![Fly + Parallax Scrolling Effectのキャプチャ](/wp-content/uploads/2008052606-10.png)
Fly + Parallax Scrolling Effect
![U mag het zeggenのキャプチャ](/wp-content/uploads/2008052606-11.png)
![CSS combined with Scriptaculous's Morph effect</のキャプチャ](/wp-content/uploads/2008052606-12.png)
CSS combined with Scriptaculous's Morph effect
![WeblogR demoのキャプチャ](/wp-content/uploads/2008052606-13.png)
WeblogR demo
Firefoxで動作。
sponsors