前の記事 ≪：いろんな種類のツールチップを簡単実装できる「Opentip」
次の記事 ≫：2013年2月6日 管理人のブックマーク

レスポンシブなCSSベースのドロップダウンメニュー「Top Drawer」

2013年02月06日-はてなブックマーク

スポンサード リンク
[PR]　英単語を忘却曲線アプリを使って超効率よく記憶する方法
Top Drawer - A smooth dropdown menu for responsive web design | Experiment #5

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





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

関連エントリ
関連の記事検索：レスポンシブ, CSS, ドロップダウン, ナビゲーション
スポンサード リンク

By.KJ : 2013年02月06日 10:08 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)