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.

中永远循环播放我的幻灯片

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

Webkit animation-iteration-count bug in Chrome

javascript

css

animation