cssarrowplease / CssGradientButton - crea... / CSS3 Button Generator他...全5件
![CSSのみでボタンや吹き出しをデザインするときに役立つジェネレーター](https://cdn-ak-scissors.b.st-hatena.com/image/square/59449264e8544ba8a5d05ac8f7a9dca46529810f/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2012%2F5%2F18%2Fl_2012-5-18_ce844d2c5a04ea6c9aec7124317a2369.jpg)
IE6, 7, 8を含めたクロスブラウザに対応した、画像を使用せずにCSSでグラデーションを適用したボタンを実装する実用的なチュートリアルを紹介します。 Cross-browser CSS gradient buttons デモページ [ad#ad-2] ボタンにはborder-radius, box-shadow, text-shadowなどCSS3がふんだんに使用されていますが、グラデーションはIEでも適用されます。 ホバー時のキャプチャ 実装のポイント スケラービリティ 文字のサイズを変更するとボタンのサイズもそれに合わせて拡大・縮小 アジャスタビリティ padding, font-sizeを変更することでサイズ調整可能 フレキシビリティ あらゆるHTML要素に適用可能 コンパチビリティ 主要ブラウザに優雅なグラデーションを提供 ユーザビリティ ノーマル時、ホバー時、アクティブ時を用
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く