Chrome/Webkit的CSS动画/缩放问题

Question

这个效果在Firefox中很好，但在Chrome中不起作用——Firebug在Chrome中的结果显示'-webkit-animation'没有渲染。然而，在Firefox中，你会看到对象进入时的'stretch'效果。在Chrome中，对象根本不会缩放。 http://jsfiddle.net/AfDwu/5/

- AAAndreAAA

---

就我所知，似乎工作正常--在webkit关键帧中有一个80%的动画点，在moz中却没有。 - Thomas

对我来说也一样，无论是在Firefox还是Chrome上...两个结果看起来都一样。 - pjammer

我编辑了jsfiddle，所以效果更加明显。现在你能看到区别了吗？http://jsfiddle.net/AfDwu/26/ - AAAndreAAA

Answer 1

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

请替换为：

-webkit-animation-name: ooze

随着:

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

它将会起作用

- methodofaction