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
Post a Comment