高級感のある6色のナビゲーションバーを作ってみました。
上段が通常時で、下段がロールオーバー時のイメージになります。
一応完成のイメージとしてかなりざっくりしたサンプルCSSを入れてあるので参考にしてみて下さい。
‘CSS’ カテゴリーのアーカイブ
3パターンのシンプルな見出し & CSSで文字乗せ
2010年5月2日 日曜日シンプルな見出しです。矢印とひし形とドット模様の3パターンあります。
gifの300*36で作りました。
見出しはコンテンツの横幅に依存する事が多いような気がするので、難しいです。
この投稿の続きを読む »
CSSでマウスオーバー時に画像を切り替える方法
2010年4月14日 水曜日当サイトの右上にあるナビゲーションバーのように、カーソルを乗せると画像が切り替わるのをよく見かけると思います。今回はそのロールオーバー効果をCSSで実現する方法について簡単に書いてみたいと思います。
はじめに通常のイメージと、マウスカーソルのonの時用に２枚画像を用意するのですが、ここでまず注意しなければならないこと。
それは別々に用意するのではなく、１枚画像として用意することです。
