WordPressアップデートによるテーマファイル構成の不具合により、現在は仮のテーマで表示しています。
記事など読みづらいところが多々あると思いますがご了承いただけると幸いです。
鋭意修正中です…

CSSナビゲーション30選

CSSでWebページ上のナビゲーションの動きを作るやり方は様々ですが、
そのCSSナビゲーションテクニックをサンプルと合わせて紹介しているエントリーの紹介です。

css_navi.jpg

Six Revisions – 30 Exceptional CSS Navigation Techniques

単純なロールオーバーだけでなく、画像の切り替えをうまく利用して、
動的に見せる表現をしていたり、CSS構成以外にも演出の部分でも参考になります。

ドロップダウンなどはJavaScriptを使わずにCSSのみで表現しようとすると
意外と難しかったりするのですが、
ここのテクニックを参考にして実現できるか!?と思ったのですが、
実際使ってみるとIE6ではもともと正常に動作しないサンプルもあったりします…
参考にする際は各ブラウザでちゃんと動作するか確認してからお試しください…

時間のある時にいろいろ改良してみます。。。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です