コピペで作れるグローバルナビ(色々)

これまで画像を使ったりJavascript処理でアニメーションをつけていましたが、CCS3の登場によりCSSだけでもアニメーション処理が可能になりました。

下のコードをそれぞれコピペするとデモと同じ状態のグローバルナビを作る事ができます。

横並びのテキストグローバルナビ

背景アニメーション付きのオーソドックスなテキストグローバルナビ


左カラム用右に伸びるナビゲーション

ページの左にメニューを配置し子カテゴリー(子ページ)をホバーアクションで表示


アコーディオンナビゲーション

メニューだけでなくコンテンツにも使用でき、スマホサイトではもはや必須のアコーディオンナビゲーション


この記事が気に入ったら
いいね ! お願いします(><;)

投稿者:和禅雅

この記事へのコメント