如果应用CSS转换2s然后取消虽然光标仍然悬停?

时间:2013-01-06 03:33:28

标签: css css-transitions

似乎我几年前在CSS中遇到了一些东西,在 end stop ,一些术语或语法,用于在一段时间后关闭动画,提供给宣言......但谷歌没有找到任何运气。有没有办法快速恢复 /撤消转换,同时:悬停状态仍然有效?

1 个答案:

答案 0 :(得分:3)

我非常确定animation-play-state会是您正在寻找的。请注意,没有浏览器支持此属性。 Safari,Chrome,Opera和Firefox都支持前缀,但请注意前缀-moz-(适用于FireFox),-webkit-(适用于基于Webkit的浏览器,如Chrome和Safari)和{{ 1}}(对于Opera)是代码运行或完全可以识别的必需代码。

对于更多跨浏览器的解决方案,您可能会发现自己转向使用JavaScript或使用它的库。例如,可以在执行期间调用JavaScript -o-,触发动画停止,使用function()延迟。这肯定是一件难以完成的事情。

您在问题中提到了setTimeout脚本。 jQuery(一个JavaScript库)确实有类似的东西:http://api.jquery.com/stop/。唯一的问题是必须使用stop jQuery代码触发转换,但考虑到jQuery是一种简短的编码语言并且记录确实很好,这应该不会那么难。

告诉我这是否有帮助。

如果有帮助,请不要忘记接受这个答案是正确的。 :)