[CSS]ç”»åƒã«ç¾Žã—ã„角丸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã™ã‚‹æ–¹æ³•imgè¦ç´ ã§é…ç½®ã—ãŸç”»åƒã«CSS3ã®è§’丸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã‚’ã™ã‚‹ã¨ã€Firefoxã§è§’丸ãŒåæ˜ ã•ã‚Œãªã‹ã£ãŸã‚Šã€Webkitブラウザã§ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãŒæ¬ ã‘ãŸã‚Šã—ã¾ã™ã€‚ ã“れを解消ã™ã‚‹CSSã®Trickを紹介ã—ã¾ã™ã€‚ CSS3 Rounded Image With jQuery デモページ Firefoxã¨Webkitブラウザ（Safari）ã®ãã‚Œãžã‚Œã«CSS3ã®è§’丸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã™ã‚‹ã¨ã€ä¸Šè¨˜ã®ã‚ˆã†ã«ç¾Žã—ã表示ã•ã‚Œã¾ã›ã‚“。 ãれを下記ã®ã‚ˆã†ã«ç¾Žã—ãé©ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ 角丸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã“ã†ã„ã†é¢¨ã«ã—ãŸã„ 左：角丸ã¨å¤–å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ã€å³ï¼šè§’丸ã¨å†…å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ CSS3ã§ç´ ç›´ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚° Firefoxã§ã¯è§’丸ãŒé©ç”¨ã•ã‚Œãšã€Safariã§ã¯ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãŒé©ç”¨ã•ã‚Œã¾ã›ã‚“。
CSS3グラデーションã¨è§’丸を使ã£ãŸãƒœã‚¿ãƒ³ã‚’ç°¡å˜ã«ä½œæˆã§ãるジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼
é€éŽPNGや角丸ãªã©ã‚’IE6ã‚„7ã§ã‚‚実装出æ¥ã‚‹JavaScriptã®ãƒ¡ãƒ¢ - ã‹ã¡ã³ã¨.net
[CSS]角丸を少ã—ã§ã‚‚滑らã‹ã«å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
角丸を使ã£ãŸå¯æ„›ã„カレンダーピッカー実装JavaScript「jsDatePickã€:phpspot開発日誌
CSS Boarder Radius
CSS3ã§å½±ä»˜ã角丸グラデーション付ãã®ãƒœã‚¿ãƒ³ã‚’作æˆã™ã‚‹ã‚µãƒ³ãƒ—ル:phpspot開発日誌
PHP Tutorials Utopia: 13 Vital PHP skills for every novice PHP developer and solutions | aComment
1pxæ¬ ã‘ã®è§’丸ボックスをCSSã ã‘ã§ä½œã‚‹æ–¹æ³•ï½œweb bibo
http://www.css-lecture.com/log/css3/css3-border-radius.html
リデザインã¨border-radiusã¨text-shadow
Using Rounded Corners with CSS3 « Build Internet
[CSS]角丸を使用ã—ãªã„ã§ã€å››éš…ã‚’ã™ã£ãã‚Šã¿ã›ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | コリス
CSS3ã®æ©Ÿèƒ½ã§ãƒœãƒƒã‚¯ã‚¹ã«è§’丸や影ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘られるJSライブラリ「tripleb.jsã€:phpspot開発日誌
Blogger
Aext.net
http://www.position-absolute.com/news/how-to-get-css3-box-shadow-accepted-as-a-viable-option-at-your-workplace/
ç°¡å˜ã«è‰²ã€…ãªç¨®é¡žã®è§’丸ボックスãŒä½œã‚Œã‚‹ã€ŒDD_roundiesã€:phpspot開発日誌
Scalable Content Box Using Only One Background Image
クールã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹è§’丸LightBox「prettyPhotoã€:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}