懸停時的過渡效果

Question

我堅持簡單的事情，無法解決這個問題。 當我將鼠標懸停在html中的li元素上時，我已經做到了，以便其他幾個li掉下來（下拉菜單的形式）。

但是，我正在嘗試找到一種方法來使下拉菜單對下拉菜單具有過渡效果，但是我無法弄清楚...

鏈接是：

`https://jsfiddle.net/cphtd3ge/`

如果有人可以協助我，我將非常感激。 我仍在學習，我想學習更多。

Answer 1

我已經更新了您的jsfiddle，希望對您有所幫助。 https://jsfiddle.net/cphtd3ge/21/

您需要將transition添加到要設置動畫的選擇器上，而不是其子代上。 我還使用了max-height而不是height因為您不能在CSS中從0px轉換為auto 。