【问题标题】:CSS Animation/Scale issue in Chrome/WebkitChrome/Webkit 中的 CSS 动画/缩放问题
【发布时间】:2011-12-09 16:58:56
【问题描述】:

此效果在 FF 中效果很好,但在 Chrome 中效果不佳 - Chrome 中的 Firebug 结果显示“-webkit-animation”未在 Chrome 中呈现。然而,在 Firefox 中,您会看到对象入口处的“拉伸”效果。在 Chrome 中,对象根本无法缩放。

http://jsfiddle.net/AfDwu/5/

【问题讨论】:

  • 据我所知似乎工作正常——webkit 关键帧中有一个 80% 的动画点在 moz 中不存在
  • 对我来说也适用于 FF 和 Chrome……无论如何,这两个结果看起来都一样。
  • 我编辑了 jsfiddle,所以效果更加戏剧化。你现在能看出区别了吗? jsfiddle.net/AfDwu/26

标签: firefox google-chrome css css-transitions


【解决方案1】:

您没有指定-webkit-animation 的属性,只指定了名称。

替换:

-webkit-animation-name: ooze

与:

-webkit-animation: ooze  2s 2s ease-in-out;

它会起作用的

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-03-18
    • 2016-09-03
    • 2013-09-15
    • 2014-01-21
    • 1970-01-01
    • 2015-08-09
    • 1970-01-01
    • 2011-08-05
    相关资源
    最近更新 更多