CSS animation / scaling issue in Chrome / Webkit

Question

This effect works fine in FF, but not in Chrome. Firebug results in Chrome show that "-webkit-animation" does not appear in Chrome. However, in Firefox, you see a “stretch” effect when an object enters. In Chrome, an object does not scale at all.

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

Answer 1

You do not specify the properties -webkit-animation , only the name.

Replace:

 -webkit-animation-name: ooze 

WITH

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

And he will work