在 CSS3 中，动画是在各种供应商前缀下引入的，并带有过渡属性。现在，至少在纯 CSS 中，有两种方法可以使元素改变位置。
- 将元素的位置设置为绝对位置并进行调整
left: right: top: and bottom:
- Using
-vendor-transform:translate(X,Y,Z)
现在，严格来说transform:translate()，除了一个人的使用能力translateZ()，它们之间唯一的区别是后者不是报告值；除了解析属性本身之外，翻译不是计算样式。但是，如果没有必要的话，后者实际上是动画和定位元素的更好选择，否则这些元素会在position:fixed配置？
我特别感兴趣的是制作一个相当重的网络应用程序，需要在移动设备和浏览器上运行，因此向后兼容性并不是一个问题。如今的移动浏览器至少趋于“现代”。
所以最终，我的问题是，到底是什么transform:translate()根据 CSS3 规范的制定者的说法？它在哪里被构建为用于 LRTB 变换，以及是否有可能以一种在硬件加速时的渲染速度、动画平滑度和视觉稳定性方面明显优越的方式使用它（-webkit-transform: translateZ(0);) 是否受雇？对于那些不知道的人来说，有时 webkit 元素可能会在硬件加速环境中闪烁。
无论如何，我只是在为我的 Web 应用程序寻找最好、最新的布局解决方案，这些解决方案可以最有效地利用 CPU 和 GPU，以便它们可以以非常优化的 FPS 运行（就过渡而言，在某些情况下）情况下，涉及滚动）最理想的平滑类型的一个很好的例子是这样的http://www.webkit.org/blog-files/leaves/（是的，我确实阅读了它的来源。）
有什么意见吗？
我知道这是一篇较旧的文章，但当我想知道同样的问题时，我发现这篇文章非常有帮助：
http://css-tricks.com/tale-of-animation-performance/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
