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