Chrome中的Webkit动画迭代计数错误

Question

由于某些设计灵活性原因我调整了我的CSS3动画属性后，我一直在努力让我的幻灯片再次在Chrome中运行。经过长时间的试错过程，我发现Webkit中的CSS3 animation-iteration-count在分配整数值时会停止我的整个动画。 （以下示例中的值10是迭代计数）

-webkit-animation: imageAnimation 48s linear 10 0s;
    -moz-animation: imageAnimation 48s linear 10 0s;
    -o-animation: imageAnimation 48s linear 10 0s;
    -ms-animation: imageAnimation 48s linear 10 0s;
    animation: imageAnimation 48s linear 10 0s; 

Answer 1

为了解决这个问题，我通过为infinite

分配animation-iteration-count属性来调整Webkit行。

-webkit-animation: imageAnimation 48s linear infinite 0s;
    -moz-animation: imageAnimation 48s linear 10 0s;
    -o-animation: imageAnimation 48s linear 10 0s;
    -ms-animation: imageAnimation 48s linear 10 0s;
    animation: imageAnimation 48s linear 10 0s; 

就是这样，我的幻灯片再次在Chrome中显示。但无法在网上找到任何链接到这个奇怪问题的错误报告。如果你们中的一些人在Webkit问题上有一些信息链接，我很感激，因为对我来说，不要永远在Chrome浏览器中循环播放幻灯片非常重要。