GIGAZINE - ç”»åƒã‚’使ã‚ãšã€è§’ã«ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ã‚’ã‹ã‘ã¦ä¸¸ãã™ã‚‹ã€ŒcurvyCornersã€ã€ŒcurvyCornersã€ã¯ãƒ•ãƒªãƒ¼ã®JavaScriptã§ã€è§’ãŒä¸¸ã„コーナーをDIVè¦ç´ ã§ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒå¯èƒ½ã€‚特徴ã¯ç”»åƒã‚’使ã£ãŸã®ã¨åŒã˜ãらã„角ãŒãªã‚らã‹ã«ä¸¸ããªã‚‹ç‚¹ã¨ã€ã„ãŸã£ã¦åˆ©ç”¨ãŒç°¡å˜ãªç‚¹ã€‚ ã©ã‚Œãらã„丸ããªã‚‹ã®ã‹ã¨ã„ã†å®Ÿä¾‹ã¨ã‚³ãƒ¼ãƒ‰ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€è¨ç½®æ–¹æ³•ã¯ä»¥ä¸‹ã‚’å‚照。 例ãã®1ã€3ピクセルã®ç™½ã„ボーダーを使ã„ã€è§’ã¯åŠå¾„20ピクセルã§ä¸¸ããªã£ã¦ã¾ã™ 例ãã®2ã€å›ºå®šå¹…ã¨é«˜ã•ã§ç”»åƒã‚’固定ã—ã€è§’ã¯åŠå¾„20ピクセルã§ä¸¸ãã—ã¦ã„る例 ダウンãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã‹ã‚‰ 使ã„æ–¹ã¯ä»¥ä¸‹ã‚’å‚ç…§ http://www.curvycorners.net/ ã»ã¨ã‚“ã©ã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãªãƒ–ラウザをサãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã®ã§æ±Žç”¨æ€§ã‚‚高ãã€ä½¿ã„å‹æ‰‹ã‚‚ã„ã„æ„Ÿã˜ã§ã™ã€‚
{{#tags}}- {{label}}
{{/tags}}