[CSS]画像無しで作成する美しいデザインのボタンのスタイルシート

Photoshopで作成したかのような美しいデザインのボタンを実装するスタイルシートを紹介します。 キャプチャは上から、ノーマル時、ホバー時、クリック時です。 Make CSS3 buttons that are extremely fancy デモページ デモページ（カラーバリエーション） ※更新：カラーバリエーションを増やしました。 ボタンはCSSで実装されているため、ブラウザの文字サイズの拡大に伴いサイズも変更し、カラー変更も簡単におこなえるように設計されています。 ※CSS3非対応のIE7/8などでの見栄えはそれなりになります。 実装はシンプルながらもテクニカルで、先日当サイトで紹介した「Safariで見かける角丸のにじみを解消するスタイルシート」なども利用されています。 HTML ボタンのカラー変更が簡単にできるようにインラインスタイルシートを使用しています（下記キャプチャ参照）

[kussun]

"※CSS3非対応のIE7/8などでの見栄えはそれなりになります。"

[phista]

思ったより長くなるんだなぁ。。。てかcss3ってfxで実装されてるの？

[yuenana]

CSS3を使うボタンデザイン。IEさえ無視すれば結構使えるんだろうなー……IE……。

[sihou1]

地味に役立ちそう

[julajp]

スタイルシートで作るボタン。文字サイズの変更に応じて、ボタンもサイズが変わる。