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.
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