[CSS]box-shadowを使ã£ã¦ã€ç´™ãŒãµã‚ã‚Šã¨æµ®ã‹ã‚“ã よã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¤ã‘るスタイルシートã®ã¾ã¨ã‚Creating Different CSS3 Box Shadows Effects [ad#ad-2] デモ 実装 デモ デモã¯box-shadowã«å¯¾å¿œã—ãŸä¸‹è¨˜ã®ãƒ–ラウザã§ã”覧ãã ã•ã„。 対応ブラウザ Internet Explorer 9.0+ Firefox 3.5+ Chrome 1+ Safari 3+ Opera 10.5+ デモページ [ad#ad-2] 実装 基本ã¨ãªã‚‹HTML 8ã¤ã®å„デモã®HTMLã®åŸºæœ¬ã¯åŒã˜ã§ã€classåãŒç•°ãªã‚‹ã ã‘ã§ã™ã€‚ <div class="box effect"> <h3>Effect</h3> </div> 基本ã¨ãªã‚‹CSS divè¦ç´ ã¨h3è¦ç´ ã®åŸºæœ¬ã¨ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã§ã™ã€‚ .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height
[CSS]ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ‰ãƒãƒƒãƒ—シャドウをé©ç”¨ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
[CSS]box-shadowを使ã£ã¦æ´—ç·´ã•ã‚ŒãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆã‚‹äºŒã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
http://www.allinthemind.biz/markup/css/box-shadow.html
{{#tags}}- {{label}}
{{/tags}}