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

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

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

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

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

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

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

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