Firefox 中的 CSS3 淡入效果?

Question

对于我的导航，我使用CSS淡入效果进行子导航，但它仅适用于Chrome，不适用于Firefox。

.mega .hover ul.level-2 li:nth-child(5n+1) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.mega .hover ul.level-2 li:nth-child(5n+2) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.mega .hover ul.level-2 li:nth-child(5n+3) {
-webkit-animation-delay: 0.55s;
animation-delay: 0.55s;
}
.mega .hover ul.level-2 li:nth-child(5n+4) {
-webkit-animation-delay: 0.65s;
animation-delay: 0.65s;
}

下面是示例：http：//jsfiddle.net/rzf7w69u/28/

谢谢你的帮助。

Answer 1

使用 Firefox 和 Opera 的前缀

-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;