Css 导航下拉列表，在鼠标关闭后保留几秒钟

我正试图实现类似的结果与下拉菜单一样，在我的网站上。我不知道在悬停状态下使用什么css来实现这一点。 我试过了

#top-menu li li:hover{
    transition: 3s ease;
}

---

但这不起作用

将“过渡”设置为“两者”

顶部菜单li li{过渡：所有3s轻松；}

---

顶部菜单li li:hover{transition:all 3s ease；}使用

可见性隐藏/显示子菜单。转换不适用于非数值，如
可见性：可见/隐藏
或
显示：无/块
。您应该尝试仅使用
不透明度
或其他过渡样式来隐藏/显示它

我还看到你在hover上为li添加了一些类。使用javascript添加/删除类也不是过渡类。因此，要小心使用适合您的目的的代码

见下面的例子

另外，下次，在这里发布你的代码，并举例说明你的问题，不要链接到外部网站。您的问题可能已关闭/删除


ul.first-ul{
不透明度：0；
过渡期：3s；
}
第一个李：悬停{
不透明度：1；
}
第二{
可见性：隐藏；
过渡期：3s；
}
李二：悬停{
能见度：可见；
}

悬停我

哦
aaaa




让我看清楚

哦
aaaa


只需使用
#顶部菜单li li{transition:3s ease；}
删除
：hover
您将需要使用javascript进行此操作。一旦您将鼠标移离元素，CSS将失去悬停状态。不，当您将鼠标移离元素时，CSS仍然会跳开-还有其他建议吗。