CSS3动画不适用于悬停

在导航菜单中添加带有css3的简单fadein效果时遇到问题。我不知道为什么它不起作用。我在不同的浏览器上进行了测试，得到了相同的结果。有关于如何修复它的提示吗

ul#menu > li:hover > ul {
    display: block;
    -webkit-animation: fadein 0.25s;
    -moz-animation: fadein 0.25s;
    animation: fadein 0.25s;
}

---

这里有一个有用的提琴：

首先，fadein不是一个公认的过渡计时功能。 基本上你的代码不起作用，因为它根本不存在。了解

然后你需要有一个初始状态和一个动画状态。例如：

ul#menu > li{opacity:0.7; transition: all 2.5s ease-in-out }
ul#menu > li:hover {opacity:1}