css - -webkit-animation-play-state 在 Chrome 中不工作

Question

我设置了一个简单的 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;
}

Answer 1

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

在 Firefox 28.0 上运行良好。