如何创建使用CSS 3的转换一个循环的淡入/淡出的图像效果？ [英] How can I create a looping fade-in/out image effect using CSS 3 transitions?

问题描述

我试图创造一个图像输入/输出效果循环褪色。它的工作在Chrome，但它不工作在Firefox。

I’m trying to create a looping fade in/out effect for an image. It’s working in Chrome, but it doesn’t work in Firefox.

这里的code： http://jsfiddle.net/FTLJA/254/

（我没让它用jQuery工作，但，使得浏览器缓慢和Android手机flickery，所以我想CSS来代替。）

(I did make it work with jQuery but that made the browser slow and flickery on Android phones, so I’m trying CSS instead.)

感谢您的帮助。

更新：固定..请再次检查链接

Update: fixed.. please check the link again

推荐答案

好吧，如果ypu're只设置WebKit的属性（仅 @ - WebKit的关键帧，只 -webkit-动画-... ），那么当然它会工作只能在WebKit和不能在Firefox - 以 -moz preFIX为好。也去掉引号眨眼离开只是... 闪烁和它的作品的http://jsfiddle.net/FTLJA/261/

Well, if ypu're only setting the WebKit properties (only @-webkit-keyframes and only -webkit-animation-...), then of course it will work only in WebKit and not in Firefox - add them with -moz prefix as well. Also remove the quotes around 'blink' to leave it just... blink and it works http://jsfiddle.net/FTLJA/261/

这篇关于如何创建使用CSS 3的转换一个循环的淡入/淡出的图像效果？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！