CSS Animation not working on Chrome

I have an image caption that fades in via CSS animation. It works on Safari and Firefox but it won't run on Chrome. I've tested it on both a 28" iMac and a 13" Macbook Pro, both with the same result. I also reset the browser settings so I believe it's something in the CSS or possibly the jQuery. I have also tried reinstalling these plugins and restoring them to the default with no luck.

If anyone could help with why this is happening, it would be greatly appreciated!

Website

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/23038.html

上一篇: Safari 7.0.3 animate ScrollTop div不工作？

下一篇: CSS动画无法在Chrome上使用