Creating CSS3 Drop sliding list Menu #6 ? Script Tutorials

CSS3だけで実現する幅広で使えそうなドロップダウン実装チュートリアル。
次のような、ジャンルごとにわかれた幅広で使いやすそうなドロップダウンリストをJSなしで実装してしまおうというチュートリアルです。
ソースを見ると<script>タグがなく、CSSのみでアニメーションしつつ内容を切り替えるということをやっているのがわかります。

CSSだけでもこういうのできるんだ、というのを知っておく意味で一度見ておいてもよいでしょう





サンプルだけではなく実用性も兼ね備えています。

関連エントリ

• Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ
• ピュアCSSでアニメーションするアコーディオン実装デモ
• ピュアCSSでSVGやcanvasなしの3Dオブジェクト描画デモ
• ピュアCSSでスライドアウトインタフェースの実現