CSSã§ãƒªã‚¢ãƒ«ã§ã‚¯ãƒ¼ãƒ«ãªãƒ‰ãƒãƒƒãƒ—シャドウ効果をæç”»ã™ã‚‹ã‚µãƒ³ãƒ—ル例色々:phpspot開発日誌CSS drop-shadows without images ? Nicolas Gallagher CSSã§ãƒªã‚¢ãƒ«ã§ã‚¯ãƒ¼ãƒ«ãªãƒ‰ãƒãƒƒãƒ—シャドウ効果をæç”»ã™ã‚‹ã‚µãƒ³ãƒ—ル例ãŒè‰²ã€…公開ã•ã‚Œã¦ã„ã¾ã™ã€‚ 一昔å‰ãªã‚‰ã€ã©ã†è€ƒãˆã¦ã‚‚ç”»åƒã‚’使ã£ã¦ã„ã‚‹ã¨æ€ã£ã¦ã—ã¾ã†ã“ã†ã—ãŸã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚‚CSSã§å®Ÿç¾ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ パターンも多ãã¦å®Ÿç”¨çš„ã§ã™ã€‚ヘッダã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ç‰ã€ã‚ã‚Šã¨ã‚らゆる部分ã«å¿œç”¨ã§ããã†ã€‚ ç”»åƒç·¨é›†ãƒ„ールã¯ä¸€åˆ‡ä¸è¦ã§ã™ã€‚ 例ãˆã°ã€1個ã®è¦ç´ を見ã¦ã¿ã¾ã—ょã†ã€‚ HTML ã§ã¯ <div> ã«classã‚’ãµã£ã¦ä¸èº«ã¯<p>ã®ã¿ã ã‘ã¨ã„ã†ã®ã«ã€ã“ã‚Œã ã‘ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå®Ÿç¾ã—ã¾ã™ã€‚ 当然ã€è¦ç´ を回転ã•ã›ã‚‹ã“ã¨ã‚‚出æ¥ã¾ã™ãŒç¶ºéº—ã«æç”»ã§ãã¦ã„ã¾ã™ã€‚ ãªã‚“ã¨ã‚‚夢ã®ã‚ˆã†ãªè©±ã§ã™ãŒã€CSS3対応㮠Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+, IE 9+ ã¨ã„ã†å¤§ä½“ã®
{{#tags}}- {{label}}
{{/tags}}