[CSS]box-shadowã®é¢ç™½ã„使ã„æ–¹ï¼ç”»åƒã«ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã“ã‚“ãªæ„Ÿã˜ã«ã¤ã‘ã‚‹ã¨ç«‹ã¦çœ‹æ¿é¢¨ã«è¦‹ãˆã‚‹box-shadowã¯ãƒœãƒƒã‚¯ã‚¹ã®å‘¨ã‚Šã«ãµã‚ã‚Šã¨ã—ãŸã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ãŒã€ãれを少ã—アレンジã—ã¦ã€ç«‹ã¦çœ‹æ¿é¢¨ã®ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã¤ã‘るテクニックをBloomã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšã¯ã€é€šå¸¸ã®å‘¨ã‚Šã«ãµã‚ã‚Šã¨ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã¤ã‘ã¦ã¿ã¾ã™ã€‚ HTML imgè¦ç´ ã‚’divã§åŒ…ã¿ã¾ã™ã€‚ <div class="css-box-shadow"> <img src="logo.png" alt="" /> </div> CSS ボックスã®å››è¾ºã«ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã—ã¾ã™ã€‚ .css-box-shadow { width:133px; position: relative; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.5); -moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5); box-shadow: 1px 1px 4px rgba(0
CSS3 ã§äºŒé‡ä¸¸ã‚’作る｜TechRacho by BPSæ ªå¼ä¼šç¤¾
{{#tags}}- {{label}}
{{/tags}}