[CSS]シャドウもãã‚‹ã£ã¨ï¼ãµã‚ã‚Šã¨æµ®ã‹ã›ãŸç”»åƒã‚’ãã‚‹ã£ã¨å›žè»¢ã•ã›ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆHTML ç”»åƒã¨ã‚ャプションã®ãƒ†ã‚ストをfigureè¦ç´ ã§é…ç½®ã—ã€divã§å†…包ã—ã¾ã™ã€‚ <div class="flip-3d"> <figure> <img src="yacht.jpg" alt=""> <figcaption>Yacht</figcaption> </figure> </div> <div class="flip-3d"> <figure> <img src="bee.jpg" alt=""> <figcaption>Bee</figcaption> </figure> </div> シャドウ用ã®ä½™åˆ†ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ã€å¿…è¦ã‚ã‚Šã¾ã›ã‚“。 CSS ã¾ãšã¯figureè¦ç´ ã‚’3Dã«ã—ã€å„ç”»åƒã‚’floatã§é…ç½®ã—ã¾ã™ã€‚ div.flip-3d { perspective: 1200px; width: 30%; float: left; } div.flip-3d figure
{{#tags}}- {{label}}
{{/tags}}