文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS3动画在本地不起作用

问CSS3动画在本地不起作用
EN

Stack Overflow用户

提问于 2013-04-25 13:59:20

回答 2查看 645关注 0票数 0

嗨，我正试图在本地和jsfiddle .Everything作品上复制这段代码，除了动画。有人能指出这里缺少了什么，这样动画也能工作吗？

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

Jsfiddle http://jsfiddle.net/FeZq9/

我相信这跟动画属性有关

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

谢谢

css

回答 2

Stack Overflow用户

发布于 2013-04-25 14:05:28

在火狐或Oopera等其他浏览器上试用

票数 0

Stack Overflow用户

发布于 2013-04-25 19:25:36

检查这个没有什么问题，只需为所有动画属性添加浏览器前缀。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 ); }
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16207420

复制

相似问题

问CSS3动画在本地不起作用
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS3动画在本地不起作用EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS3动画在本地不起作用
EN