CSSでドロップダウンメニューを作ってみた。
CSSだけ使って練習で作ってみた話。
お使いのブラウザでちゃんと動くか分からないですが、こんな感じになりました。
本当はtransitionを使って
ul.nest { height: 0; transition: height 0.2s linear 0s; } // hoverしたら ul.nest { height: auto; }
みたいにしようと思ってたんですが、height: auto;には効かないようで困りました。
考えてもうまくできなかったので諦めて、.nest以下のliはtransitionを使ってパラパラさせました。
次からは気をつけようと思います。
何かズレてますが多分emで設定しちゃったからです orz