Webkit keyframe not working in chrome

问题

Why is my 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);
    };
}

回答1:

You've put a semicolon after the last curly brace of your animation declaration. Firefox accepted it, but Chrome didn't.

After fixing it, your animation spins again: http://jsfiddle.net/ZcFre/1/

@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }; <--Remove the semicolon
}

来源：https://stackoverflow.com/questions/17396980/webkit-keyframe-not-working-in-chrome