コピペで作れるグローバルナビ(色々)
これまで画像を使ったりJavascript処理でアニメーションをつけていましたが、CCS3の登場によりCSSだけでもアニメーション処理が可能になりました。
下のコードをそれぞれコピペするとデモと同じ状態のグローバルナビを作る事ができます。
横並びのテキストグローバルナビ
背景アニメーション付きのオーソドックスなテキストグローバルナビ
左カラム用右に伸びるナビゲーション
ページの左にメニューを配置し子カテゴリー(子ページ)をホバーアクションで表示
アコーディオンナビゲーション
メニューだけでなくコンテンツにも使用でき、スマホサイトではもはや必須のアコーディオンナビゲーション
この記事へのコメント