@-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 运行良好。
最佳答案
删除 opacity: 0!important
确实有帮助,但我不知道即使 opacity: 0!important
它在 Chrome 和 Opera 中是如何动画的。谢谢大家。
关于css - 动画在 Firefox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38881982/