ありだと思います。多分。

2009.09.13 AM3:36 No Comments Tags: ,

090909
なんとなーく塗り方が固まってきた。
エアブラシ使ってもっとつるテカ〜んな感じにしてもいいかもね。今回はエアブラシ使ってないです。

話しは変わって。
ボタンっていろいろ難しいですね。最近悩まされております。OS、ブラウザによって見た目とか挙動が違うし。悩んだ結果ボタンはaタグで対応。submitはJavascriptでやればいいのよ!Javascript使えば何でも出来るさ。
んで、CSSできれいで汎用的なボタンできないかなぁと思い、検索したら良さげなTipsがあったので取り入れてみました。
How to make sexy buttons with CSS

サンプルはactiveだけだけれど、hoverしたときの挙動も指定。↓

Delete Web拍手!

hover用の画像を作って、background-positionを指定しただけです。あとtext-shadowも追加。CSS3に対応したブラウザで見るとモダンな感じになってると思います。
サンプルはdisplay: block;してfloat: left;してるけど、display: inline-block;にしてfloat指定なしにした方が使いやすいかもー。

Leave a Reply





You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>