【问题标题】:CSS keyframe animation -webkit-transform reset Chrome BugCSS 关键帧动画 -webkit-transform 重置 Chrome Bug
【发布时间】:2013-07-25 15:53:20
【问题描述】:

我在使用 CSS 关键帧动画时遇到了一个错误。

在为-webkit-transform 属性设置动画时,如果我添加-webkit-animation-play-state: paused; 然后将其删除,动画会快速跳回到起点,然后再次恢复。

这是一个实际的例子:http://jsfiddle.net/NAjFf/8/ 甚至在使用 javascript 切换动画状态时也会发生这种情况:http://jsfiddle.net/NAjFf/7/

这个问题有解决办法吗?

谢谢!

【问题讨论】:

    标签: css google-chrome webkit css-transforms css-animations


    【解决方案1】:

    这是 webkit 中的一个错误问题,受它影响的每个人都可能对 Roman Komarov 的技术感兴趣,该技术通过继承欺骗 WebKit 进入伪转换。

    查看以下链接

    pseudos

    :)

    【讨论】:

    • 到目前为止,animating pseudo elements 已被大多数(如果不是全部)主流浏览器支持,它在 Firefox、Chrome、IE 和 Opera 中运行良好。我不确定Safari。无论如何,这应该如何帮助解决问题?可以举个例子吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-19
    • 1970-01-01
    • 2011-12-01
    • 2013-06-02
    相关资源
    最近更新 更多