CSS3动画不能在本地工作

嗨，我试图复制此代码在本地和jsfiddle.Everything工程，除了动画。有人能指出这里缺少什么，这样动画也能起作用吗？CSS3动画不能在本地工作

原文： http://codepen.io/pixelgrid/pen/suflz

我相信这是与动画财产

@keyframes round{ 100%{ transform:rotate(360deg); } } 
animation:round 9s linear infinite;

感谢

来源

2013-04-25 user1850342

都出现同样的给我。 – 2013-04-25 06:01:36

你需要发布你的本地代码 – 2013-04-25 06:02:11

我在最新版本的铬和codepen代码是动画，但jsfiddle isnt .. – user1850342 2013-04-25 06:03:33

与其他浏览器如Firefox或试用Oopera

来源

2013-04-25 06:05:27 Hydroid

尝试在歌剧和Firefox和Safari浏览器。 – user1850342 2013-04-25 06:07:23

@ user1850342：我检查过Firefox，它的工作正常，我希望你使用最新版本的浏览器，因为一些旧版本不会支持CSS3 – dreamweiver 2013-04-25 06:09:41

它不是升级你的浏览器的解决方案或者改变浏览器，所有其他用户仍然使用旧浏览器，只有一个浏览器？你不能对客户说我们只有最新的FF浏览器。 – 2013-04-25 06:35:06

检查这一个没有错，只是为所有动画属性添加浏览器前缀。 codepen自己做。

http://jsfiddle.net/FeZq9/1/

.cloud { 
transform-origin:50% 400px; 
    -webkit-transform-origin:50% 400px; 
    -moz-transform-origin:50% 400px; 
    -o-transform-origin:50% 400px; 
    animation:round 7s linear infinite; 
    -webkit-animation:round 7s linear infinite; 
    -moz-animation:round 7s linear infinite; 
    -o-animation:round 7s linear infinite; 
} 

@-webkit-keyframes round { 
100%{ -webkit-transform:rotate(360deg); } 
} 

@-moz-keyframes round { 
100%{ -moz-transform:rotate(360deg); } 
} 

@-o-keyframes round { 

100%{ -o-transform:rotate(360deg); } 
} 
@keyframes round { 
100%{ transform:rotate(360deg); } 
}

来源

2013-04-25 11:25:35

CSS3动画不能在本地工作

回答

相关问题