我正在尝试为图像创建循环淡入/淡出效果。它在Chrome中可以工作，但在Firefox中不起作用。
这是代码：http://jsfiddle.net/FTLJA/254/
（我确实使用了jQuery，但这让浏览器在安卓手机上运行缓慢且闪烁，所以我改为尝试CSS。）
谢谢你的帮助。
更新：已修复。。请再次检查链接
好吧，如果ypu只设置WebKit属性（只有@-webkit-keyframes和-webkit-animation-...），那么它当然只能在WebKit中工作，而不能在Firefox中工作-也可以用-moz前缀添加它们。还要去掉'blink'周围的引号，使其保持原样。。。blink及其工作原理http://jsfiddle.net/FTLJA/261/
是的——这显示了CSS转换和CSS动画之间的区别。
一旦将-webkit-animation-name应用于元素，CSS动画就会运行，也就是说，它们可以完全从CSS运行。
另一方面，只有当您更改转换所应用的CSS属性时，转换才会运行。您可以通过:hover等CSS伪类或JavaScript来实现这一点。
因此，为了在不支持-webkit-animation的浏览器中进行转换，您需要运行一些每秒更改一次图像不透明度的JavaScript——setInterval是您的朋友。
（请注意，您的JavaScript不会执行动画，它只会将opacity从1直接切换到0，然后每秒切换一次。CSS转换将为您动画化这一变化。）