动画延迟css3属性无法正常工作

Question

我已经为我正在处理的页面上的一些元素设置了动画，并且我为它分配了一个动画延迟，所以它稍后会显示出来。在chrome中一切都很好，它获得了1s的赋值。但在所有其他浏览器中，它被延迟2.5到3秒。我该如何解决这个问题？

这是一个简化的小提琴： http://jsfiddle.net/sqnkov/E22ZK/

.delayed {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

P.S＆GT;

我已经阅读了MDN帖子，说它是一个实验性的东西，但是stil - 是否有针对此问题的解决方法？

https://developer.mozilla.org/en-US/docs/Web/CSS/animation-delay

Answer 1

5秒来自.fadeIn，仅影响Chrome和Safari之外的其他浏览器，因为您没有为-webkit指定延迟 -

因此，如果您想要在Chrome上发生什么，请删除animation-delay: 5s

http://jsfiddle.net/E22ZK/2/