css - 动画在 Firefox 中不起作用

Question

@-webkit-keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadein {
   from {opacity: 0;}
   to {opacity: 1;}
}
@-moz-keyframes fadein {
   from {opacity: 0;}
   to {opacity: 1;}
}
.animated-div {
   -webkit-animation: fadein 4s 1 forwards;
   -moz-animation: fadein 4s 1 forwards;
   animation: fadein 4s 1 forwards;
}

<div class="animated-div">hello</div>

关键帧不工作，页面上的元素不淡入，怎么办？我尝试了不同的前缀组合，没有帮助。在 Chrome 中，Opera 运行良好。

Answer 1

删除 opacity: 0!important 确实有帮助，但我不知道即使 opacity: 0!important 它在 Chrome 和 Opera 中是如何动画的。谢谢大家。