我有一个通过 CSS 动画淡入的图像标题。它可以在 Safari 和 Firefox 上运行,但不能在 Chrome 上运行。我在 28 英寸 iMac 和 13 英寸 Macbook Pro 上进行了测试,结果相同。我还重置了浏览器设置,因此我相信它是 CSS 或可能是 jQuery 中的内容。我还尝试重新安装这些插件并将它们恢复为默认设置,但没有成功。
如果有人可以帮助解释为什么会发生这种情况,我们将不胜感激!
Website http://thegemfoundation.com/dev
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://thegemfoundation.com/graham/javascripts/jquery.flexslider-min.js
None
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)