CODEWITHSUNDEEP
animationcsscss-transitions
cmplieger
cmplieger

Reputation: 7371

CSS keyframe animation not working

I got this animation using keyframes that is not working in webkit or IE10 (doing those first). Am I doing something wrong?

Thanks for your suggestions guys!

Upvotes: 1

Views: 4106

Answers (2)

Muthu Kumaran
Muthu Kumaran

Reputation: 17920

Hereb is the correct CSS. Change animate to animation

div.run:hover{
    animation: bounce 2s;
    -webkit-animation: bounce 2s;
}

​

Upvotes: 0

Blender
Blender

Reputation: 298532

I don't know about IE, but -webkit-animate isn't a valid property. You need to use -webkit-animation.

Demo: http://jsfiddle.net/pmfzh/2/

Upvotes: 1

Related Questions