よくあるドロップダウンメニューのアイディアです。 CSS 3D Transformsに対応しているブラウザにはそれを使ったUIを、そうでないブラウザにはシンプルな切り替えを提供します。 ドロップダウンメニューのアイディア CSSのみ補足コメントつきで載せておきます。 .nav a { display: block; padding: 0 0.5em; color: #f6f6f6; line-height: 2; text-decoration: none; } /* ulのスタイルリセット */ .nav ul { margin: 0; padding: 0; list-style: none; } /* clearfix */ .nav > ul:after { display: block; clear: both; content: ""; } /* メニューを横並びに */ .n
![ドロップダウンメニューのアイディア](https://cdn-ak-scissors.b.st-hatena.com/image/square/a51bb369b492e4b453f08ca6dfedb466d0e54672/height=288;version=1;width=512/https%3A%2F%2Funformedbuilding.com%2Fassets%2Fimages%2Fog.png)