CSS -Animation/Skalierungsproblem in Chrome/Webkit

Question

Dieser Effekt funktioniert in FF gut, aber nicht Chrom-das Firebug führt zu Chrome, dass die '-webkit-Animation' nicht in Chrom gerendert wird. In Firefox sehen Sie jedoch den Effekt auf dem Eingang des Objekts. In Chrome skaliert das Objekt überhaupt nicht.

http://jsfiddle.net/afdwu/5/

Answer 1

Sie geben nicht die Eigenschaften des -webkit-animation, nur der Name.

Ersetzen:

-webkit-animation-name: ooze

Mit:

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

Und es wird funktionieren