google-chrome - 为什么 CSS 动画在 Chrome 中运行流畅，但在 Firefox 中却不行？

Question

为什么 CSS 动画在 Chrome 中运行流畅，但在 Firefox 中却不行？

网址：http ://carloshermoso.com/works/rwd/

#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%; }
}

太感谢了！

Answer 1

可能只是因为chrome和firefox的渲染引擎不同。如果您想了解如何提高 css 转换速度，可以查看此内容。此外，您的代码无法在 Opera 或 Internet Explorer 中运行，因为您没有包含animationOpera 和 IE 10 使用的正常（无前缀）属性。请注意，IE 9 及以下版本根本不支持 CSS 动画。更多信息请点击此处。