使用网络工具包动画 CSS 将项目悬停延迟 1 秒

Question

我已经尝试了多种方法将下拉菜单项的悬停延迟 1 秒。

transition-delay:1s;不起作用。有人建议我通过带有 1s 的网络工具包动画来做到这一点。

这是我的 CSS：

@media screen and (min-width: 769px) {
.bss-megamenu-fw .dropdown-menu {
-webkit-animation: 0.1s linear 1s normal forwards 1 fadein;
}
}
@keyframes fadein{
0% { opacity:0; }
66% { opacity:0; }
83% { opacity:1; }
100% { opacity:1; }
}
@-webkit-keyframes fadein{
0% { opacity:0; }
66% { opacity:0; }
83% { opacity:1; }
100% { opacity:1; }
}

我不知所措，因为这不起作用。如何获得延迟？

Answer 1

我通过将以下内容添加到.bss-megamenu-fw .dropdown-menu类来修复它：

animation: 0.1s linear 0.5s normal forwards 1 fadein;