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

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

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

スポンサード リンク
Top Drawer - A smooth dropdown menu for responsive web design | Experiment #5

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





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

関連エントリ
スポンサード リンク

By.KJ : 2013年02月06日 10:08 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

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