[CSS]CSSで実装した、ものすごいパララックス(視差)効果

今年一番の衝撃をうけました。
CSSだけで実装したパララックス(視差)をRoman Cortesから紹介します。

デモのキャプチャ

CSS 3D Meninas

上記ページにアクセスし、絵画の上をマウスでぐりぐりすると、それに合わせてパララックスが生じます。

使用しているのはHTMLとCSSのみで、FlashやJavaScriptは使用されていません。

対応ブラウザはIE8, Fx3, Op9, Safari3, Chrome4などとなっています。

via:3D CSS Parallax Effect

top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

Comments

links for 2009-12-16 « 個人的な雑記

on 2009年12月17日

[...] [CSS]CSSで実装した、ものすごいパララックス(視差)効果 | コリス (tags: css 3d) [...]

CSSで実装した、ものすごいパララックス(視差)効果 « DAYBREAK

on 2009年12月17日

[...] コリスさんからの記事です。 [...]

trshugu

on 2009年12月17日

しゅ、しゅごい(@o@;)

さばねこ

on 2009年12月17日

実際に見てビックリ。
コードを見てさらにビックリ。

top of page

©2011 coliss