Google chrome 为什么CSS动画在Chrome中运行顺畅，而不是在Firefox中？

为什么CSS动画在Chrome中运行顺畅，而不是在Firefox中

网址：

---

万分感谢

可能只是因为chrome和firefox的渲染引擎不同。如果您想了解如何提高css转换速度，可以查看。

---

此外，您的代码在Opera或Internet Explorer中不起作用，因为您没有包含Opera和IE 10使用的正常（无前缀）

动画

属性。请注意，IE9及以下版本根本不支持CSS动画。更多信息。

可能只是因为chrome和firefox的渲染引擎不同。如果您想了解如何提高css转换速度，可以查看。

---

此外，您的代码在Opera或Internet Explorer中不起作用，因为您没有包含Opera和IE 10使用的正常（无前缀）

动画

属性。请注意，IE9及以下版本根本不支持CSS动画。更多信息。

mm。。。对于我所面临的问题，这似乎不是一个固定的解决方案。。。我真的很惊讶这在Firefox中不起作用。它在Opera或IE的所有版本中也不起作用。但至少Firefox是被期待的。更新了我的答案以适应这一点好的，关于不在IE上工作。但是我的代码必须有一些改变，以使这一简单的动画在Firefox中工作。我以前见过不同的动画在Firefox上运行得非常顺利。嗯。。。对于我所面临的问题，这似乎不是一个固定的解决方案。。。我真的很惊讶这在Firefox中不起作用。它在Opera或IE的所有版本中也不起作用。但至少Firefox是被期待的。更新了我的答案以适应这一点好的，关于不在IE上工作。但是我的代码必须有一些改变，以使这一简单的动画在Firefox中工作。我以前见过不同的动画在Firefox上运行得非常顺利。

#mainContent h2 { -moz-animation-duration:3s; -moz-animation-name:slideIn; -webkit-animation-duration:3s; -webkit-animation-name:slideIn; text-transform:uppercase; }
@-moz-keyframes slideIn
{
from { margin-bottom:100%; width:300%; }
to { margin-top:0%; width:100%; }
}
@-webkit-keyframes slideIn
{
from { margin-bottom:100%; width:300%; }
to { margin-top:0%; width:100%; }
}