CSS Animation Scale适用于Firefox，而不适用于Chrome

Question

已解决：CSS Animation/Scale issue in Chrome/Webkit

我之前问了这个问题，但我不确定它是否清楚。我做了大量的故障排除，但无济于事。所以我回来了，希望得到一些帮助。

1. 使用JS，在doc ready上，我删除隐藏图像的类，并添加logoAnim，用于设置运动中的对象。

2. 对象应该同时具有scaleY（2）效果 - 渗出/滴落效果。

您可以通过Firefox / Moz在JSFiddle链接中看到正确的效果，但它在Chrome / Webkit中不起作用。查看FF中的Firebug代码，'。logoAnim'的CSS中出现'-moz-animation：2s ease 2s normal none 1 ooze' - 它不会出现在Chrome的webkit版本中。

我错过了什么吗？在webkit中，css的结构/顺序是否很重要？

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

Answer 1

DuoPixel解决了这个问题：CSS Animation/Scale issue in Chrome/Webkit

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

替换：-webkit-animation-name: ooze

使用：-webkit-animation: ooze 2s 2s ease-in-out;

它会起作用。