[CSS]画像無しで作成する美しいデザインのボタンのスタイルシート
Photoshopで作成したかのような美しいデザインのボタンを実装するスタイルシートを紹介します。 キャプチャは上から、ノーマル時、ホバー時、クリック時です。 Make CSS3 buttons that are extremely fancy デモページ デモページ（カラーバリエーション） ※更新：カラーバリエーションを増やしました。 ボタンはCSSで実装されているため、ブラウザの文字サイズの拡大に伴いサイズも変更し、カラー変更も簡単におこなえるように設計されています。 ※CSS3非対応のIE7/8などでの見栄えはそれなりになります。 実装はシンプルながらもテクニカルで、先日当サイトで紹介した「Safariで見かける角丸のにじみを解消するスタイルシート」なども利用されています。 HTML ボタンのカラー変更が簡単にできるようにインラインスタイルシートを使用しています（下記キャプチャ参照）
立体感がいい感じのiPhoneにも採用されているボタン実装CSS3サンプル:phpspot開発日誌
Make CSS3 buttons that are extremely fancy - The Official Posterous Tech Blog 立体感がいい感じのiPhoneにも採用されているボタン実装CSS3サンプル。 iPhoneをお使いの方はご存知の次のようなボタンの実装例です。 hover時、クリック時にちゃんと押した感じが出てます。 -webkit〜プロパティ使用で基本、webkit系ブラウザ(Chrome, Safari)にしか対応していません。 つい押したくなるボタンなので、iPhone用サイトでサインアップとか押してもらいやすい部分に実装するとよいかもしれませんね。 関連エントリ 綺麗にデザインされたCSS3ボタンのまとめ CSS3なボタンをWEB上で作れる「Button Maker」 CSS3でクールなボタンを作るチュートリアル集いろいろ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
シンプルデザインで汎用的に使えそうなソーシャルアイコンセット500:phpspot開発日誌
[CSS]CSS3を使用した素敵なボタンを実装するチュートリアルの決定版
