[CSS]3枚の画像を使って、立体的なキューブ状にするスタイルシート

Building a 3D Cube With HTML5 and CSS3 デモ [ad#ad-2] 画像はdiv要素で実装されているため、CSSオフ時は上のキャプチャの左のように表示されます。 使用している画像はサイズ100x100の3枚で、下記のようになります。 画像のキャプチャ 実装は、下記のようになります。 HTML HTMLには、HTML5を使用しています。 <div class="cube"> <div class="face top"><img src="img/WPN-P.png" width="100" height="100"></div> <div class="face left"><img src="img/WPN-W.png" width="100" height="100"></div> <div class="face right"><img src="i

[boyasan]

これ以上のを作る気はまったくしないが

[nakanushi]

すごい。

[nors]

http://www.devwebpro.com/building-a-3d-cube-with-html5-and-css3/

[mkoji530]

iphone

[relax_more]

3枚の画像を使って、立体的なキューブ状にするスタイルシート