动画在Firefox中不起作用

Question

＆＃13;

＆＃13;

@-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;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

关键帧不起作用且项目在页面上没有淡入淡出，怎么样？ 我试过不同的前缀组合，没有用。在Chrome中，Opera工作正常。

Answer 1

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