问题
This effect works fine in FF but not Chrome- the Firebug results in Chrome show that the '-webkit-animation' aren't rendered in Chrome. In Firefox however, you see the'stretch' effect on entrance of the object. In Chrome, the object doesn't scale at all.
http://jsfiddle.net/AfDwu/5/
回答1:
You are not specifying the properties of the -webkit-animation, only the name.
Replace:
-webkit-animation-name: ooze
With:
-webkit-animation: ooze 2s 2s ease-in-out;
And it will work
来源：https://stackoverflow.com/questions/7801084/css-animation-scale-issue-in-chrome-webkit