-webkit-animation-play-state 在 Chrome 中不起作用答案

【问题标题】：-webkit-animation-play-state not working in Chrome-webkit-animation-play-state 在 Chrome 中不起作用
【发布时间】：2014-04-17 04:26:27
【问题描述】：

我设置了一个简单的 JSFiddle 来说明问题：

where's the paused state?

谁能告诉我为什么 Safari 按预期显示动画元素处于暂停状态，但在 Chrome 中动画正在运行？我正在使用 Chrome 33.0.1750.146，想知道这是否是最新版本的错误。还是我完全错过了什么......

这是暂停元素的 CSS。

#blue-box {
    width: 100px;
    height: 100px;
    background: blue;
    -webkit-animation-name: blueBox;
    -webkit-animation-play-state: paused;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-name: blueBox;
    animation-play-state: paused;
    animation-duration: 2000ms;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

【问题讨论】：

它在“版本 35.0.1884.0 canary”中有效，但在“版本 33.0.1750.149”（最新）中无效。所以我猜这只是最新版本中的一个错误。
@alpipego 感谢您的确认。
您是否碰巧找到了解决此问题的方法？我得到了完全相同的东西。
我没有。我假设这将是一个明显的错误，会很快修补和发布，但显然不是。
@MattDietsche paused 在铬 33.0.1750.152 上工作正常

标签： css google-chrome css-animations

【解决方案1】：

Chrome 版本 33.0.1750.152 Ubuntu 13.10 存在相同问题。即使动画播放状态暂停，动画也会立即开始。悬停时动画停止。一旦您离开动画并重新开始，它就会开始工作。

在 Firefox 28.0 上运行良好。

【讨论】：

对我来说也一样。不过，对于 2022 年的 Chrome！