我设置了一个简单的 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 上运行良好。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)