CSSと画像でちょっと凝ったエフェクトがかかったボタンを作る方法
- May 8th, 2007
- Posted in その他
- Write comment
クリックするとボタンがへこみ、さらにラベルのテキストが1px下がってくれる、というちょっと凝ったエフェクトがかかったボタンの作り方が紹介されていました。
簡単な画像とCSSで実現できますよ。
↑ このようなボタンをクリックすると・・・。
↑ このようなエフェクトがかかります。
詳しい設置の方法は以下からどうぞ。ちょっとした小技ですが、知っておくと便利ですね。
» How to make sexy buttons with CSS
こちらもあわせてどうぞ
ツイッターもやっています！
フォローはお気軽に！@taguchiまで！
二つとも、
http://www.simplexsimple.com/archives/2007/05/08/css_button_1.gif
になってますが…。
画像、早々に直していただけたようで。
ただ、alt属性が、css_button_2.gifではなく、css_button_1.gifのままのようです。粗探しばかりしてごめんなさい。
このボタンって左寄せになってしまうんですよね。tableとか使わないと好きな場所（画面の右側とか）に作れないのが残念。