[CSS]ç”»åƒã«ç¾Žã—ã„角丸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã™ã‚‹æ–¹æ³•imgè¦ç´ ã§é…ç½®ã—ãŸç”»åƒã«CSS3ã®è§’丸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã‚’ã™ã‚‹ã¨ã€Firefoxã§è§’丸ãŒåæ˜ ã•ã‚Œãªã‹ã£ãŸã‚Šã€Webkitブラウザã§ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãŒæ¬ ã‘ãŸã‚Šã—ã¾ã™ã€‚ ã“れを解消ã™ã‚‹CSSã®Trickを紹介ã—ã¾ã™ã€‚ CSS3 Rounded Image With jQuery デモページ Firefoxã¨Webkitブラウザ（Safari）ã®ãã‚Œãžã‚Œã«CSS3ã®è§’丸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã™ã‚‹ã¨ã€ä¸Šè¨˜ã®ã‚ˆã†ã«ç¾Žã—ã表示ã•ã‚Œã¾ã›ã‚“。 ãれを下記ã®ã‚ˆã†ã«ç¾Žã—ãé©ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ 角丸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã“ã†ã„ã†é¢¨ã«ã—ãŸã„ 左：角丸ã¨å¤–å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ã€å³ï¼šè§’丸ã¨å†…å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ CSS3ã§ç´ ç›´ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚° Firefoxã§ã¯è§’丸ãŒé©ç”¨ã•ã‚Œãšã€Safariã§ã¯ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãŒé©ç”¨ã•ã‚Œã¾ã›ã‚“。
{{#tags}}- {{label}}
{{/tags}}