【发布时间】：2016-08-11 16:18:00
【问题描述】：
@-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应用于元素，它在任何浏览器中将如何动画？ -
@Arpit Goyal 它就像默认的
opacity: 0;。该 for 元素在开始时不可见 -
@МаксимМолчанов 我在 Firefox 上，它可以工作。
-
@МаксимМолчанов 在那种情况下应该没有 !important
-
@ArpitGoyal 删除
opacity: 0!important确实有帮助，但我不知道它在 Chrome 和 Opera 中的动画效果如何，即使使用opacity: 0!important