またまた興味深い話題をあげてみますよ。
■Román Cortés » CSS 3D Meninas■より
Último proyecto completado: Chimeneas Rofer & Rodi Proyecto actual en curso: Arteforo(versión en castellano abajo)I’ve took the classic paint The Maids of Honour (Las Meninas) and made this CSS pseudo...
そのほかCSS(スタイルシート)のテクニックとトピックのポータルで探せますよ。
ほかの人の感想ですが。。
[ やっぱすげ=な ]
[ CSSだけで3D（視差効果） ]
[ CSSで3D効果 ]
[ どうなってるのかさっぱりわからん、css3は奥が深そうだ ]
[ えええ?なんでなんでなんで? ]
[ 素晴しいアイデア。別にCSSだけにする必要はないけど。 ]
[ マウス位置に応じて画像が立体的に動く（ように見える）デモ。JavaScriptを使わずHTML+CSSだけで多重スクロールを実現。縦に細長いspanを敷き詰め、hoverで座標をずらしている模様。 ]
[ HTML+CSSのみで視差効果 ]
[ cssを使った3D表現 ]
[ 3D効果 ]
[ CSSだけで多重スクロール ]
[ これはすごいRT@kagi55x:JSなしのCSS3だけで視差効果これはすげぇぞ ]
[ CSS3だけで視差効果 ]
[ 領域を線切りにしておいて、各区画をhover時にその区画に隠しておいた背景を前面に表示。CSSでそれぞれの区画での背景の位置を定義しておく。/ブラウザは:hoverに対応してればOK。CSS3は要らないよ!! ]
[ CSSのみで多重スクロール的効果 ]
[ CSSで実現してるのか…面白いなー ]
[ マウス位置に応じて画像を多重スクロールさせるデモ。HTML+CSSだけで実現。縦長のspanを敷き詰めてhoverで座標をずらす。 ]
[ くるっとる! ]
[ CSS3でここまでできる!ていうネタが多い件。遊んでるのも良いけど、実用化しないとそのうち腐るぜ。 ]
[ CSSだけでやってるらしい。 ]
[ CSShoverで立体感を出す ]
…いかがでしょう。。
次回も注目記事をピックアップします。
