rochefortのブックマーク - はてなブックマーク

rochefort id:rochefort

ブックマーク / weboook.blog22.fc2.com (1)

CSS3の勉強になるかも！？画像を使わないボタンの作成手順
CSS3を使うと画像のようなボタンも簡単に作れます。よくあるタイプのボタンですが、できあがりのコードだけだと勉強にならないので、作り方を順番に紹介していきます。今回、ChomeとFirefoxで動作確認しています。IEだとグラデーションが使えないので、同じボタンがたくさんあるように見えます。スマホサイト用なんかだと十分実用的だと思います。
rochefort 2012/04/07
background: -moz-radial-gradient(rgba(34,85,136,0.5), rgba(34,85,136,1)); 15 background: -webkit-gradient(radial, center center, 1, center center, 2, from(rgba(34,85,136,0.5)), to(rgba(34,85,136,1))); 16 background-size:3px 3px;

css3

tutorial
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx