[CSS]スクリプト無しで、ナビゲーションの背景全体を変更するスタイルシート

ナビゲーションのホバーはその箇所のみ背景が変更になるものが多いですが、ナビゲーションの背景全体が変更になるスタイルシートをCSSplayから紹介します。 Total background hover demo このスタイルシートは「unusual series（普通ではないシリーズ）」としてリリースされており、ちょっと記憶にはないタイプのナビゲーションです。 ラベルの各コンテンツごとにテーマカラーがあるサイトなど、ぴったりはまりそうです。

[rskmt346]

背景が変わるナビゲーション

[maRk]

どうでもいいことですが......、"unusual"が褒め言葉なのか否か微妙なところ。 / 自分ならコンテンツと色情報を関連付けみたいなことはしないかな。。

[kits]

空のb要素を挿入とかひどいな。(こんなの→ <li><a href="..."><b></b>foo</a></li> )

[adecisivemoment]

[デザイン] [web]

[webbingstudio]

a要素の中にさらにb要素を入れ、hoverのときだけb要素の幅をいっぱいにしてかぶせることでナビゲーション全体の色を変更している。bをspanにしたいところ

[paranod]

ナビゲーションの背景全体が変更になるスタイルシート