Photoshopã§ä½œæˆã—ãŸã‹ã®ã‚ˆã†ãªã‚¯ã‚ªãƒªãƒ†ã‚£ã®ãƒœã‚¿ãƒ³ã‚„ナビゲーションをCSSã§ä½œã£ã¦ã¿ãŸï¼çš„ãªã‚‚ã®ã ã‘を集ã‚ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ãƒ»CSSDeck - ã‹ã¡ã³ã¨.netCSS3ã§ã“ã‚“ãªã‚¯ã‚ªãƒªãƒ†ã‚£ã®ãƒœã‚¿ãƒ³ãŒä½œã‚Œã‚‹ï¼ ã¿ãŸã„ãªè¨˜äº‹ã‚’よã見ã‹ã‘ã‚‹ã¨æ€ã†ã‚“ã§ã™ãŒã€ ãã†ã„ã£ãŸã‚‚ã®ã ã‘を集ã‚ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ© リーãŒã‚ã‚Šã¾ã—ãŸã®ã§ã‚·ã‚§ã‚¢ã€‚CSSã®å‹‰å¼·ã« 如何ã§ã—ょã†ã€‚ã•ã‚‚Photoshopã§ä½œã£ãŸã‹ã® よã†ãªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒè±Šå¯Œã«ã‚ã‚Šã¾ã™ã€‚ タイトルよã分ã‹ã‚‰ã‚“ã§ã™ãｗ　CSS3ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„box-shadowãªã©ã‚’駆使ã—ã¦ã€ä»Šã¾ã§ã¯Photoshopã§ä½œæˆã—ã¦ã„ãŸã‹ã®ã‚ˆã†ãªã‚¯ã‚ªãƒªãƒ†ã‚£ã®ãƒœã‚¿ãƒ³ãªã©ã‚’作ã£ãŸï¼ã¿ãŸã„ãªè¨˜äº‹ã‚’多々見ã‹ã‘ã¦ããŸã‹ã¨æ€ã„ã¾ã™ãŒã€ãã†ã„ã£ãŸã‚‚ã®ã ã‘を集ã‚ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã§ã™ã€‚ 一見よãã‚るパーツデザインギャラリーやã€dribbbleã£ã½ã„æ„Ÿã˜ã§ã™ãŒã€ã“れらã®ãƒœã‚¿ãƒ³ç‰ã¯å…¨ã¦cssã§ä½œæˆã•ã‚Œã¦ã„ã¾ã™ã€‚ãã‚Œã ã‘ã§ãªãã€ã‚½ãƒ¼ã‚¹ã‚‚公開ã•ã‚Œã¦ã„ã¾ã™ã®ã§çµæ§‹é‡å®ã—ãã†ãªã‚µã‚¤ãƒˆã§ã™ã。 ã“ã‚“ãªç«‹ä½“æ„Ÿã®ã‚るボタンã¨ã‹ã€‚ ã“ã‚“ãªã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒœã‚¿ãƒ³ã¨ã‹ã€‚ ソース
{{#tags}}- {{label}}
{{/tags}}