Creating a pure CSS dropdown menu ? Development team blog?Venturelab?Invest | Inpsire | Ignite



次のような、カーソルを合わせるとメニューが開くような、ドロップダウンメニューをピュアCSSで実装する例が公開されています。
CSS3によって影付き、角丸のデザインになっています。



なんでも無理にピュアCSSにする必要はありませんが、CSSの知識を深めるという点ではよい資料になりますね。

関連エントリ

• JavaScript使ってないのに使ってる風のピュアCSSなテクニック集
• ピュアCSSでTwitterのメンテナンスモードのクジラをアニメーションさせる例
• ピュアCSSで実装された吹き出しのデザイン例色々
• ピュアCSSで画像を壁に貼ったポラロイドギャラリー風にするサンプル