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

java - nested exception is org.hibernate.exception.SQLGrammarException: could not extract ResultSet Hibernate+SpringMVC -

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

asp.net mvc - breakpoint on javascript in CSHTML? -