CSS3旋转动画不起作用（jsFiddle）

Question

我正在尝试使用CSS3让<div>元素在现场不断旋转。我有一个jsFiddle都设置了HTML和CSS3，但它没有做任何事情。有什么帮助吗？

http://jsfiddle.net/8FUK8/

请注意我正在使用Chrome进行测试，因此目前仅使用-webkit-前缀。

Answer 1

将关键帧更改@keyframes更改为@-webkit-keyframes

Answer 2

我最近回答了similar question。为方便起见，这是jsfiddle。您可以根据需要微调样式，但旋转样式将保持不变。

Answer 3

您应该使用动画和@keyframes兼容性选择器。例如

-moz-animation:1s foo infinite alternate;
-ms-animation:1s foo infinite alternate;
-webkit-animation:1s foo infinite alternate;

@-moz-keyframes foo {}

@-ms-keyframes foo {}

@-webkit-keyframes foo {}