[CSS]画像無しで作成する美しいデザインのボタンのスタイルシート
Photoshopで作成したかのような美しいデザインのボタンを実装するスタイルシートを紹介します。 キャプチャは上から、ノーマル時、ホバー時、クリック時です。 Make CSS3 buttons that are extremely fancy デモページ デモページ（カラーバリエーション） ※更新：カラーバリエーションを増やしました。 ボタンはCSSで実装されているため、ブラウザの文字サイズの拡大に伴いサイズも変更し、カラー変更も簡単におこなえるように設計されています。 ※CSS3非対応のIE7/8などでの見栄えはそれなりになります。 実装はシンプルながらもテクニカルで、先日当サイトで紹介した「Safariで見かける角丸のにじみを解消するスタイルシート」なども利用されています。 HTML ボタンのカラー変更が簡単にできるようにインラインスタイルシートを使用しています（下記キャプチャ参照）
Super Awesome Buttons with CSS3 and RGBa | Playground from ZURB
Super Awesome Buttons with CSS3 and RGBa: Now More Super! Using descriptive class names and CSS3 properties like gradients and box shadows, we create a set of scalable button styles for links and buttons. Note: Demo works best in Safari 4.x and pretty well in Firefox 3.5. The Original Super Awesome Buttons Many moons ago, we create the first set of super awesome buttons. They worked great with any
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
