BlogPeopleトップ | トラックバック・ピープル | アフィリスト | ガチャフォト | 今日のおすすめ献立 | レビューミー | ブログランキング

« 50の映画の予告編を編集して作られた3分51秒の動画。あなたはいくつわかるかな。 | メイン | 異なる2つの以上のアカウントで同時にサイトにログインすることを可能にするFirefoxのエクステンション「Multifox」 »

これは凄い!って感じでピュアなCSSだけで絵画「ラス・メニーナス(女官たち)」を3D化

スペインバロック絵画の巨匠であるディエゴ・ベラスケスの名作である「ラス・メニーナス(女官たち)」をピュアなCSSだけで3次元化してしまったようです。

I’ve took the classic paint The Maids of Honour (Las Meninas) and made this CSS pseudo-3D/parallax effect. It is pure CSS, so no javascript or flash involved: only CSS and HTML code.

Explorer 8, Firefox 3, Opera 9, Safari 3, Chrome 4でテストしたそうです。

リンク先の「ラス・メニーナス(女官たち)」の絵の上にマウスを乗っけると3D化し、そのまま左右にマウスを動かすとそれにつれて動きます。JavaScriptなしでどうしてマウスの動きについてくるのか不思議でたまりません。

CSSのpreudo 3D効果ってすごいですね。

CSS 3D Meninas

トラックバック

このエントリーのトラックバックURL:
http://news.blogpeople.net/bp-news/mt-tb.cgi/430

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

今日のおすすめ献立

食事の献立に困ったときは!

「お知らせ」など

Trackback People

【BlogPeopleピープル】

レビューミー!

応援&レビューコメント募集中!

アフィリスト

「ブログ」キーワードでのAmazonの商品の表示例。
もっとサンプル見る>>