使用webkit-animation CSS将项目延迟1秒钟

Question

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

transition-delay:1s;不起作用。建议我通过带有1s的webkit动画来执行此操作。

这是我的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;