NuBlue Blog Sexy CSS Hover Button

needed to make a big button which gave the illusion of being pressed in when a user hovered the mouse over it for a client.

セクシーなCSSホバーボタンを作成するチュートリアル。
次のようなボタンを作成するのに、PhotoShopでのチュートリアル＆CSSサンプルが紹介されています。
ボタンは、ホバー時に画像が切り替わります。



HTMLコードは次のようにXHTML。

<ul id="bigbuttons">
<li class="gallery"> <--put your link in here--> </li>
<li class="contact"> <--put your link in here--> </li>
</ul>

なかなか使えそうですね。

関連エントリ

• DIVを垂直方向に中央寄せするCSSサンプル
• CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例
• CSSの小技集、20個