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

为了解决这个问题，我通过为animation-iteration-count分配 infinite 属性来调整 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 中循环播放幻灯片很重要。