Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css -webkit动画播放状态在Chrome中不工作_Css_Google Chrome_Css Animations - Fatal编程技术网

Css -webkit动画播放状态在Chrome中不工作

Css -webkit动画播放状态在Chrome中不工作,css,google-chrome,css-animations,Css,Google Chrome,Css Animations,我设置了一个简单的JSFIDLE来说明这个问题: 谁能告诉我为什么Safari会像预期的那样以暂停状态显示动画元素,但在Chrome中动画正在运行?我正在使用Chrome33.0.1750.146,不知道这是否是最新版本的bug。还是我完全错过了什么 下面是暂停元素的CSS #blue-box { width: 100px; height: 100px; background: blue; -webkit-animation-name: blueBox;

我设置了一个简单的JSFIDLE来说明这个问题:

谁能告诉我为什么Safari会像预期的那样以暂停状态显示动画元素,但在Chrome中动画正在运行?我正在使用Chrome33.0.1750.146,不知道这是否是最新版本的bug。还是我完全错过了什么

下面是暂停元素的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;
}

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


在Firefox28.0上运行良好

它在“版本35.0.1884.0 canary”中可以工作,但在“版本33.0.1750.149”(最新版本)中不工作。所以我猜这只是最新版本中的一个bug。@alpipego感谢您的确认。您是否碰巧找到了解决此问题的方法?我得到了完全一样的东西,我没有。我假设这将是一个明显的bug,可以很快修补和发布,但显然不是。@MattDietsche
暂停了
状态在chromium 33.0.1750.152下正常工作