クリックするとボタンがへこみ、さらにラベルのテキストが1px下がってくれる、というちょっと凝ったエフェクトがかかったボタンの作り方が紹介されていました。
簡単な画像とCSSで実現できますよ。
↑ このようなボタンをクリックすると・・・。
↑ このようなエフェクトがかかります。
詳しい設置の方法は以下からどうぞ。ちょっとした小技ですが、知っておくと便利ですね。
» How to make sexy buttons with CSS
Info: アイコン・シンボル |
固定リンク |
コメント (3) |
トラックバック (0) |
↑
この記事のトラックバックURL （トラックバックは承認後に公開されます）
コメント一覧
二つとも、
http://www.simplexsimple.com/archives/2007/05/08/css_button_1.gif
になってますが…。
by too-ri-soo-girl | 2007年05月08日 11:28
画像、早々に直していただけたようで。
ただ、alt属性が、css_button_2.gifではなく、css_button_1.gifのままのようです。粗探しばかりしてごめんなさい。
by too-ri-soo-girl | 2007年05月09日 10:26
このボタンって左寄せになってしまうんですよね。tableとか使わないと好きな場所（画面の右側とか）に作れないのが残念。
by koinarisan | 2008年01月26日 17:46
コメント投稿 （コメントは承認後に公開されます）
『神は細部に宿る・・・』
サイトが乱立する昨今、細かいフィニッシュの違いこそが「選ばれるサイト」の大きな理由になります。
このサイトではウェブデザイナー、プログラマーなどのウェブ職人のための小粋なネタ帳を目指します。
