CODEWITHSUNDEEP
firefoxgoogle-chromecsscss-transitions
AAAndreAAA
AAAndreAAA

Reputation: 137

CSS Animation/Scale issue in Chrome/Webkit

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/

Upvotes: 4

Views: 1162

Answers (1)

methodofaction
methodofaction

Reputation: 72395

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

Upvotes: 3

Related Questions