Vertical Icon Menu | Codrops

垂直アイコンメニュー実装デモ＆サンプルプログラム「Vertical Icon Menu」。
次のような左側にアイコンメニューがあって、position:fixedで固定されているだけなのですが、ダウンロードして使えるサンプルがカッコ良かったのでご紹介。



メニューにカーソルを合わせた時に、きちんとアイコン色と背景色がアニメーションしつつ変化するあたりがいい感じです。



Windows8っぽいデザインというんでしょうか。すっきりして見やすいですね

関連エントリ

• レスポンシブなiPhoneのサイドメニューっぽいメニューが作れるjQueryプラグイン「Sidr」
• レスポンシブなCSSベースのドロップダウンメニュー「Top Drawer」
• Facebookアプリ風パネルメニューのCSS実装デモ「cssPanelMenu」
• HTML5＆CSS3なフリーのドロップダウンメニュー２５
• クールな円形メニューをピュアCSS3で実装するチュートリアル