box-shadow 㨠filter: drop-shadow ã®é•ã„
http://bricss.net/post/33158273857/box-shadow-vs-filter-drop-shadow を見ã¦æ—¥æœ¬èªžã§ã‚‚書ã„ã¦ãŠã“ã†ã¨æ€ã£ã¦æ›¸ã„ãŸã€‚ ã§ã‚‚サンプル見るã»ã†ãŒæ—©ã„ã®ã§ï¼ˆãŸã¶ã‚“）ã‚ã‹ã‚Šã‚„ã™ã„サンプル作ã£ãŸã€‚ サンプルã¯â†“ スクショ↓  drop-shadowã¯è¦‹ãŸã¾ã¾ã®å½±ã‚’作ã£ã¦ãã‚Œã¦ã¾ã™ã€‚ * 擬似è¦ç´ ã§ä½œã£ãŸâ–¼ã‚‚å½±ã®å½¢ã«åæ˜ ã•ã‚Œ * é€éŽPNGã®é€éŽéƒ¨åˆ†ã¯å½±ã«ãªã‚‰ãš * æ–‡å—ã‚‚ã¾ã‚‹ã§text-shadowã®ã‚ˆã†ã«ã€‚ ç´ æ•µã€‚ ## **余談** 2011å¹´ã®12æœˆé ƒã«WebKit Nightly Buildsã§-webkit-filterãŒå®Ÿè£…ã•ã‚Œã¦ã¾ã—ãŸã€‚ ãã®é ƒä½œã£ãŸãƒ‡ãƒ¢ãŒâ†“ ãã—ã¦2012å¹´ã®10月ã«ã¯[Chromeã€iOS6
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Chrome/Safariã§ã¯trã«box-shadowãŒåŠ¹ã‹ãªã„ #CSSç百景
{{#tags}}- {{label}}
{{/tags}}