CSS动画无法在Chrome上使用
我有一个通过CSS动画淡入的图像标题。 它适用于Safari和Firefox,但不会在Chrome上运行。 我已经在28“iMac和13”Macbook Pro上进行了测试,结果都一样。 我也重置浏览器设置,所以我相信这是在CSS或可能是jQuery的东西。 我也尝试重新安装这些插件,并将它们恢复到默认值,但没有运气。
如果任何人都可以帮助解释为什么会发生这种情况,将不胜感激!
网站
CSS:
.flexslider .flex-active-slide .flex-caption {
opacity: 1;
-webkit-animation-name: reset, fadeIn;
-moz-animation-name: reset, fadeIn;
-o-animation-name: reset, fadeIn;
-ms-animation-name: reset, fadeIn;
animation-name: reset, fadeIn;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-delay: 0, .5s;
-moz-animation-delay: 0, .5s;
-o-animation-delay: 0, .5s;
-ms-animation-delay: 0, .5s;
animation-delay: 0, .5s;
}
jQuery(Flexslider)
链接地址: http://www.djcxy.com/p/23037.html上一篇: CSS Animation not working on Chrome
下一篇: Changing <source> with HTML5 Audio works in Chrome but not Safari