网上有几个references关于使用CSS3 translate3d指令强制某些移动设备（iPhone等）上的硬件加速。然而，虽然大部分内容都详细介绍了translate3d，但我发现无法解释如何使用它。因此，如果我正确地实现它，我会发现自己在徘徊，因为我的动画仍然有点邋..我的问题是：
1：你是否将它应用于动画创建的元素（幻灯片等），或者你只是将它全局应用于body元素？
2：在动态创建元素时以编程方式将样式规则应用于元素是否更好，或者更好地创建css规则（例如，类）并将规则应用于元素（是否有一些发生的预编译形式或性能提升？）
3：我可以利用其他技巧来获得丝滑顺畅的用户体验吗？快速获胜还是错综复杂的解决方法？
由于
答案 0 :(得分：1)
-webkit-transform：translate3d（0,0,0）;
如果将此css属性应用于任何元素，它将强制设备使用硬件加速。我已将它应用于解决Ipad2上的渲染问题，如“空白间隙”
我已经说过，对于设备应用此功能非常繁重，因此，您可以使应用程序崩溃。 我的建议;如果将它应用于少数元素，请使用此技巧。
答案 1 :(得分：0)
1）老实说，我不知道：P我只会将转换应用于元素。
2）更改类而不是应用样式规则更快。 资料来源：http://www.quirksmode.org/dom/classchange.html 此外，您将风格和行为分开。最新版本的Desktop Opera也像其他浏览器一样。我不知道移动浏览器。
3）对于技术优化，请检查yslow和pagespeed firefox插件。这里有大多数建议的汇编：http://developer.yahoo.com/performance/rules.html