box-shadowを使ã£ã¦å®Ÿç”¨çš„ã§ç´ 敵ãªUIエレメントを実装ã™ã‚‹CSSã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆã®ã¾ã¨ã‚CSS3åˆå¿ƒè€…ã§ã‚‚ç°¡å˜ã«åˆ©ç”¨ã§ãã€ä¸Šç´šè€…ã§ã‚‚実装ã®ãƒ’ントã«ãªã‚‹ã€ãƒšãƒ¼ã‚¸ã§ã‚ˆã使ã†ãƒ‘ãƒãƒ«ã‚„ボックスã€ãƒœã‚¿ãƒ³ã€ãƒãƒ¼ãªã©ã‚’box-shadowを使ã£ã¦å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’紹介ã—ã¾ã™ã€‚ 10 Creative Techniques Using CSS3 Box Shadow 10個ã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¯ã€Apple, Pinterest, Facebookãªã©ã§ä½¿ç”¨ã•ã‚Œã¦ã„るエレメントã®HTML/CSSを簡略化ã—ãŸã‚‚ã®ã§ã™ã€‚ 1. スクãƒãƒ¼ãƒ«ã—ã¦ã‚‚ãƒãƒ¼ã‚’常ã«æœ€ä¸Šéƒ¨ã«è¡¨ç¤º 2. サブナビゲーションã®ãƒ‰ãƒãƒƒãƒ—ダウン 3. シャドウを使ã£ãŸå…‰æ²¢ãŒç¾Žã—ã„ボタン 4. å¹ã出ã—スタイルã®é€šçŸ¥ãƒ‘ãƒãƒ« 5. Appleã®ãƒšãƒ¼ã‚¸ãƒ©ãƒƒãƒ‘ー 6. Appleã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ボックス 7. Appleã®ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ¼ãƒªãƒ³ã‚¯ 8. ç”»åƒã«ã•ã‚Šã’ãªãシャドウを添ãˆã‚‹ 9. フォームã®å…¥åŠ›ã‚’目立ãŸã›ã‚‹ 10. エラステック
{{#tags}}- {{label}}
{{/tags}}