好吧,我不明白这个。我以前做过 CSS3 动画,但出于某种原因,简单地设置不透明度动画今天对我不起作用。我错过了什么愚蠢的东西吗?
CSS:
@-webkit-keyframes fadein {
from: { opacity: 0; }
to: { opacity: 1; }
}
@-moz-keyframes fadein {
from: { opacity: 0; }
to: { opacity: 1; }
}
@keyframes fadein {
from: { opacity: 0; }
to: { opacity: 1; }
}
#foo {
background-color: green;
color: white;
-webkit-animation: fadein 2s ease-in alternate infinite;
-moz-animation: fadein 2s ease-in alternate infinite;
animation: fadein 2s ease-in alternate infinite;
}
HTML:
<div id="foo">This is Foo!</div>
我也把它作为 fiddle 发布了: http://jsfiddle.net/NRutman/Lcyvy/
如有任何帮助,我们将不胜感激。
谢谢, -内特
最佳答案
在 from
和 to
之后不需要冒号:
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
关于css - 不透明度属性的简单(?)CSS 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14447505/