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

複数行のテキストにも対応した、立体的なパネルを使用したスタイリッシュなデザインのナビゲーションを実装するスタイルシートをCSSplayから紹介します。

デモのキャプチャ

Simple multi-line flyout menu
demo

ナビゲーションはリスト要素で実装されています。
また、多段階層にも対応しており、デモでは第四階層まで実装されています。

立体的なパネルには画像は使用されておらず、スタイルシートのみで実装されています。

対応ブラウザはIE6/7/8, Fx, Op, Safari(PC), Chromeとのことです。

sponsors

top of page

©2024 coliss