Top Drawer - A smooth dropdown menu for responsive web design | Experiment #5

レスポンシブなCSSベースのドロップダウンメニュー「Top Drawer」
JavaScriptを使わずCSS transformsを使ってレスポンシブなドロップダウンをアニメーションさせつつ表示できます。
シンプルなサイトな作りにしたい場合は使ってみてもよさそう





非対応ブラウザでは表示できない点は注意が必要ですが、CSS3でこういうことが出来るというところは覚えておいて良さそうです

関連エントリ

• 最初からレスポンシブなCSSデザインのHTMLテンプレート３５
• レスポンシブ＆タッチフレンドリなWEBベースの音楽プレイヤー実装デモ
• WEBデザインする人なら入れておきたいレスポンシブWEBサイト作成に役立つブックマークレット「Viewport Resizer」
• レスポンシブなテーブル作りに役立つjQueryプラグイン「FooTable」