悬停时的过渡效果

Question

我坚持简单的事情，无法解决这个问题。 当我将鼠标悬停在html中的li元素上时，我已经做到了，以便其他几个li掉下来（下拉菜单的形式）。

但是，我正在尝试找到一种方法来使下拉菜单对下拉菜单具有过渡效果，但是我无法弄清楚...

链接是：

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

如果有人可以协助我，我将非常感激。 我仍在学习，我想学习更多。

Answer 1

我已经更新了您的jsfiddle，希望对您有所帮助。 https://jsfiddle.net/cphtd3ge/21/

您需要将transition添加到要设置动画的选择器上，而不是其子代上。 我还使用了max-height而不是height因为您不能在CSS中从0px转换为auto 。