悬停时的过渡效果
Transition effect on hover
我被简单的事情困住了,无法解决这个问题。当我将鼠标悬停在 html 中的一个 li 元素上时,我已经做到了,以便其他几个 li 下降(下拉菜单的形式)。
但是,我正在尝试找到一种方法让下拉菜单对下拉菜单具有过渡效果,但我无法弄清楚...
Link 即:
`https://jsfiddle.net/cphtd3ge/`
如果有人能帮助我,我将不胜感激。我还在学习,我想尽可能多地学习。
我已经更新了您的 jsfiddle,希望对您有所帮助。
https://jsfiddle.net/cphtd3ge/21/
您需要将 transition
添加到要设置动画的选择器上,而不是其子项上。我还使用了 max-height
而不是 height
,因为你无法在 CSS.
中从 0px
过渡到 auto
我被简单的事情困住了,无法解决这个问题。当我将鼠标悬停在 html 中的一个 li 元素上时,我已经做到了,以便其他几个 li 下降(下拉菜单的形式)。
但是,我正在尝试找到一种方法让下拉菜单对下拉菜单具有过渡效果,但我无法弄清楚...
Link 即:
`https://jsfiddle.net/cphtd3ge/`
如果有人能帮助我,我将不胜感激。我还在学习,我想尽可能多地学习。
我已经更新了您的 jsfiddle,希望对您有所帮助。 https://jsfiddle.net/cphtd3ge/21/
您需要将 transition
添加到要设置动画的选择器上,而不是其子项上。我还使用了 max-height
而不是 height
,因为你无法在 CSS.
0px
过渡到 auto