问题描述
我试图创造一个图像输入/输出效果循环褪色。它的工作在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:
(我没让它用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 添加它们code> preFIX为好。也去掉引号
眨眼
离开只是... 闪烁
和它的作品的
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的转换一个循环的淡入/淡出的图像效果?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!