当サイトの右上にあるナビゲーションバーのように、カーソルを乗せると画像が切り替わるのをよく見かけると思います。今回はそのロールオーバー効果をCSSで実現する方法について簡単に書いてみたいと思います。
はじめに通常のイメージと、マウスカーソルのonの時用に２枚画像を用意するのですが、ここでまず注意しなければならないこと。
それは別々に用意するのではなく、１枚画像として用意することです。
‘メニュー’ タグのついている投稿
シンプルメニューバー
2010年4月7日 水曜日その名の通りシンプルなメニューバーです。
160*40サイズ、全てpngになります。
よろしければご利用下さい～。
この投稿の続きを読む »
市松模様のメニューボタン
2010年4月1日 木曜日市松模様の入ったメニューボタンです。
160*36で6色あります。全てgifになります。
文字入れしてメニューやらボタンやらに使って下さい。
