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;