[CSS]複数行にも対応したシンプルでスタイリッシュなナビゲーション

複数行のテキストにも対応した、立体的なパネルを使用したスタイリッシュなデザインのナビゲーションを実装するスタイルシートをCSSplayから紹介します。 Simple multi-line flyout menu demo ナビゲーションはリスト要素で実装されています。 また、多段階層にも対応しており、デモでは第四階層まで実装されています。 立体的なパネルには画像は使用されておらず、スタイルシートのみで実装されています。 対応ブラウザはIE6/7/8, Fx, Op, Safari(PC), Chromeとのことです。

[kiyo560808]

多段階層にも対応

[determinator]

t

[kurobuchi]

リストで多段改装を実現するナビゲーション。

[toaruR]

CSSのみでは抜群。フォーカスの範囲が感覚に優しい。でも自分でやるならやっぱりJSで制御しちゃうなぁ。ちょっとくらい外れても直ぐ消えないように。