Question

为什么我的关键帧动画（http://jsfiddle.net/ZcFre/）无法在Chrome中运行？

我的CSS是：

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

Answer 1

你在动画声明的最后一个花括号之后放了一个分号。 Firefox接受了它，但Chrome没有接受它。

修复后，您的动画再次旋转：http://jsfiddle.net/ZcFre/1/

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

Webkit关键帧无法在chrome中工作

1 个答案: