
なんとなーく塗り方が固まってきた。
エアブラシ使ってもっとつるテカ〜んな感じにしてもいいかもね。今回はエアブラシ使ってないです。
話しは変わって。
ボタンっていろいろ難しいですね。最近悩まされております。OS、ブラウザによって見た目とか挙動が違うし。悩んだ結果ボタンはaタグで対応。submitはJavascriptでやればいいのよ!Javascript使えば何でも出来るさ。
んで、CSSできれいで汎用的なボタンできないかなぁと思い、検索したら良さげなTipsがあったので取り入れてみました。
How to make sexy buttons with CSS
サンプルはactiveだけだけれど、hoverしたときの挙動も指定。↓
hover用の画像を作って、background-positionを指定しただけです。あとtext-shadowも追加。CSS3に対応したブラウザで見るとモダンな感じになってると思います。
サンプルはdisplay: block;してfloat: left;してるけど、display: inline-block;にしてfloat指定なしにした方が使いやすいかもー。
Leave a Reply
Recent Entries
Tag Clouds
Adobe
Apple
Application
Browser
Brush
CalDAV
Camera
Comic
CSS
CSS Sprite
Diary
FeedBurner
Gmail
GR Digital
Illust
Images
Information
Internet Explorer
iPad
iPhone
Javascript
Lamy
Mac OS X
Memo
Movie
Orbea
Photo
Photoshop
QSB
Quicksilver
RICOH
Road Bike
Snow Leopard
Stationery
Terminator
Tips
Web
WordPress
WWDC









No comments
Jump to comment form | comments rss | trackback uri