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

【问题标题】：CSS3 rotate animation not working (jsFiddle)CSS3 旋转动画不起作用（jsFiddle）
【发布时间】：2013-04-25 00:00:57
【问题描述】：

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

http://jsfiddle.net/8FUK8/

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

【问题讨论】：

标签： animation css

【解决方案1】：

对关键帧更改 @keyframes 到 @-webkit-keyframes 做同样的事情

【讨论】：

【解决方案2】：

我最近回复了similar question。为了您的方便，这里有一个jsfiddle。您可以根据需要微调样式，但旋转样式将保持不变。

【讨论】：

【解决方案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 {}

【讨论】：