html – CSS动画：在Chrome中使用,但不在Firefox中？

概述在旋转动画中，可以在Chrome中使用，但不能在Firefox中运行。为什么？ @-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); }}@-webkit-keyframes rotate { from { -webkit 在旋转动画中，可以在Chrome中使用，但不能在firefox中运行。为什么？

@-moz-keyframes rotate {    from { -moz-transform: rotate(0deg); }    to { -moz-transform: rotate(360deg); }}@-webkit-keyframes rotate {    from { -webkit-transform: rotate(0deg); }    to { -webkit-transform: rotate(360deg); }}#example {    background: red;    wIDth: 100px;    height: 100px;    -moz-animation: rotate 20s linear 0 infinite;    -webkit-animation: rotate 20s linear 0 infinite;}

http://jsfiddle.net/WsWWY/

解决方法 当前的firefox实现失败，除非时间值为0具有单位。使用0s或0ms。

http://jsfiddle.net/WsWWY/1/

注意：The W3C明确允许没有单位的数字0作为长度值，但是对于其他值，它表示没有这样的东西。就我个人而言，我希望这种改变，但是目前firefox的行为并不错误。

总结

以上是内存溢出为你收集整理的html – CSS动画：在Chrome中使用,但不在Firefox中？全部内容，希望文章能够帮你解决html – CSS动画：在Chrome中使用,但不在Firefox中？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。