我试图构建一个下拉菜单,首先下拉菜单向下滑动,然后一个接一个的菜单项目从底部出现。在悬停时,它看起来很好,但我不知道如何在悬停时平稳地播放它。我要做的是先隐藏第二个子菜单,然后是第一个子菜单,然后是下拉菜单。
我尝试的是添加隐藏动画关键帧在默认情况下延迟到下拉列表中,并在悬停时添加带有0延迟的显示动画。但正如你所看到的那样,它不能正常工作。(而且它也会在页面加载时动画化,这对我不好)
ul li ul {
-webkit-animation: hideDropdown 1s;
-webkit-animation-delay: 0.5s;
}
ul li:hover ul {
-w