[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
{{#tags}}- {{label}}
{{/tags}}