CSS Animation/Scale issue in Chrome/Webkit

Question

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/

Answer 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