[CSS]ç”»åƒã«ç¾Žã—ã„角丸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã™ã‚‹æ–¹æ³•imgè¦ç´ ã§é…ç½®ã—ãŸç”»åƒã«CSS3ã®è§’丸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã‚’ã™ã‚‹ã¨ã€Firefoxã§è§’丸ãŒåæ˜ ã•ã‚Œãªã‹ã£ãŸã‚Šã€Webkitブラウザã§ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãŒæ¬ ã‘ãŸã‚Šã—ã¾ã™ã€‚ ã“れを解消ã™ã‚‹CSSã®Trickを紹介ã—ã¾ã™ã€‚ CSS3 Rounded Image With jQuery デモページ Firefoxã¨Webkitブラウザ（Safari）ã®ãã‚Œãžã‚Œã«CSS3ã®è§’丸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã™ã‚‹ã¨ã€ä¸Šè¨˜ã®ã‚ˆã†ã«ç¾Žã—ã表示ã•ã‚Œã¾ã›ã‚“。 ãれを下記ã®ã‚ˆã†ã«ç¾Žã—ãé©ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ 角丸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã“ã†ã„ã†é¢¨ã«ã—ãŸã„ 左：角丸ã¨å¤–å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ã€å³ï¼šè§’丸ã¨å†…å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ CSS3ã§ç´ ç›´ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚° Firefoxã§ã¯è§’丸ãŒé©ç”¨ã•ã‚Œãšã€Safariã§ã¯ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãŒé©ç”¨ã•ã‚Œã¾ã›ã‚“。
角丸を使ã£ãŸå¯æ„›ã„カレンダーピッカー実装JavaScript「jsDatePickã€:phpspot開発日誌
クールã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹è§’丸LightBox「prettyPhotoã€:phpspot開発日誌
[JS]ç”»åƒã‚’使用ã—ãªã„ã§è§’丸を実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -jQuery Corners | コリス
IDEA * IDEA
{{#tags}}- {{label}}
{{/tags}}