我设置了一个简单的 JSFiddle 来说明问题:
谁能告诉我为什么 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;
}
最佳答案
Chrome 版本 33.0.1750.152 Ubuntu 13.10 存在同样的问题。即使动画播放状态已暂停,动画也会立即开始。悬停时动画停止。一旦您离开动画并重新开始,它就会开始工作。
在 Firefox 28.0 上运行良好。
关于css - -webkit-animation-play-state 在 Chrome 中不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22361643/