CSSと画像でちょっと凝ったエフェクトがかかったボタンを作る方法

クリックするとボタンがへこみ、さらにラベルのテキストが1px下がってくれる、というちょっと凝ったエフェクトがかかったボタンの作り方が紹介されていました。

簡単な画像とCSSで実現できますよ。

css_button_1.gif

↑ このようなボタンをクリックすると・・・。

css_button_1.gif

↑ このようなエフェクトがかかります。

詳しい設置の方法は以下からどうぞ。ちょっとした小技ですが、知っておくと便利ですね。

» How to make sexy buttons with CSS

3 Comments

  1. 画像、早々に直していただけたようで。
    ただ、alt属性が、css_button_2.gifではなく、css_button_1.gifのままのようです。粗探しばかりしてごめんなさい。

  2. このボタンって左寄せになってしまうんですよね。tableとか使わないと好きな場所(画面の右側とか)に作れないのが残念。

Comments are closed.