css3 - Webkit keyframe not working in chrome -


why keyframes animation (http://jsfiddle.net/zcfre/) not working in chrome?

my css is:

.circle1 {     -webkit-animation: spinoffpulse 1s infinite linear; } @-webkit-keyframes spinoffpulse {     0% {         -webkit-transform: rotate(0deg);     }     100% {         -webkit-transform: rotate(360deg);     }; } 

you've put semicolon after last curly brace of animation declaration. firefox accepted it, chrome didn't.

after fixing it, animation spins again: http://jsfiddle.net/zcfre/1/

@-webkit-keyframes spinoffpulse {     0% {         -webkit-transform: rotate(0deg);     }     100% {         -webkit-transform: rotate(360deg);     }; <--remove semicolon }

Comments

Popular posts from this blog

php - Passing multiple values in a url using checkbox -

compilation - PHP install fails on Ubuntu 14 (make: *** [sapi/cli/php] Error 1) PHP 5.6.20 -

sql - Postgresql tables exists, but getting "relation does not exist" when querying -