几年前我似乎在 CSS 中遇到了一些东西，在end或stop上，一些术语或语法，用于在声明中提供一段时间后关闭动画......但在谷歌上没有找到任何运气。有没有办法在 :hover 状态仍处于活动状态时快速恢复/撤消转换？
问问题
110 次
1 回答
3
我很确定这animation-play-state就是你要找的。请注意，没有浏览器支持此属性。Safari、Chrome、Opera 和 Firefox 确实通过前缀支持它，但请注意前缀-moz-（对于 FireFox）、-webkit-（对于基于 Webkit 的浏览器，如 Chrome 和 Safari）和-o-（对于 Opera）是代码运行所必需的，或者根本不被认可。
对于更跨浏览器的解决方案，您可能会发现自己转向 JavaScript 或使用它的库。例如，function()可以在执行期间调用 JavaScript，触发动画停止，延迟使用setTimeout. 这绝对是一件完全不难完成的事情。
你在你的问题中提到了一个stop脚本。jQuery（一个 JavaScript 库）确实有类似的东西：http ://api.jquery.com/stop/ 。唯一的问题是必须使用 jQuery 代码来触发转换transition，但考虑到 jQuery 是一种速记编码语言，并且有很好的文档记录，这应该不难。
告诉我这是否有帮助。
如果有帮助，不要忘记接受这个答案是正确的。:)
于 2013-01-06T03:43:52.363 回答