CSS3ã§iPhone風ボタン（角丸ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€å½±ï¼‰ï¼šShibuya BlogCSS3を使ã£ã¦ã€iPhone風ã®ãƒœã‚¿ãƒ³ã‚’作æˆã™ã‚‹æ–¹æ³•ã‚’メモ。（firefoxã€chromeã€safariã§å‹•ä½œç¢ºèªæ¸ˆã¿ï¼‰ ボタンã”ã¨ã«ãれらã—ã„ç”»åƒã‚’作るã®ã¯é¢å€’ãªã®ã§ã€CSSã§è§’丸ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€å½±ã‚’指定ã—ã¦ã€ç”»åƒãªã—ã§ãã‚Œã£ã½ã„ã‚‚ã®ã‚’作ã‚ã†ã¨ã—ã¦ã„ã¾ã™ã€‚ ã†ã¾ã表示ã•ã‚Œã‚‹ãƒ–ラウザã§ã¯ã€ä¸‹è¨˜ã®æ„Ÿã˜ã«ãªã‚‹ã¯ãšã§ã™ã€‚ CSS 以下ã®ã‚ˆã†ãªCSSを用æ„ã—ã¾ã™ã€‚グラデーションを指定ã™ã‚‹-moz-linear-gradiend/-webkit-gradientを使ã£ã¦ã€çœŸã‚“ä¸ã§è‰²ã‚’変ãˆã¦ã„ã‚‹ã®ãŒãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ a.quickbutton { /* 角丸 */ -webkit-border-radius: 4px; -moz-border-radius: 4px; /* グラデーション */ background: -moz-linear-gradient(top, #666666, #6666
{{#tags}}- {{label}}
{{/tags}}