CSS3旋转动画无法正常工作（jsFiddle）

我试图让一个<div>元素使用CSS3在现场不断旋转。我有一个jsFiddle，它们都是用HTML和CSS3设置的，但它没有做任何事情。任何帮助？CSS3旋转动画无法正常工作（jsFiddle）

http://jsfiddle.net/8FUK8/

请注意我在Chrome的测试，所以只用此刻的-webkit-前缀。

来源

2012-03-23 AlexKempton

做同样的事情关键帧变化@keyframes到@-webkit-keyframes

来源

2012-03-23 16:55:27 DoubleYo

啊，当然！那些讨厌的供应商前缀... – AlexKempton 2012-03-23 17:04:44

我最近回答了similar question。这里有一个jsfiddle为了您的方便。您可以对样式进行微调以适应您的需求，但旋转样式将保持不变。

来源

2012-03-23 16:56:15

为小提琴+1，欢呼声。 :) – AlexKempton 2012-03-23 17:05:50

您应该使用动画和@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 {}

来源

2013-04-24 16:00:57 byroncorrales

CSS3旋转动画无法正常工作（jsFiddle）

回答

相关问题