CSS 改变性能
我想知道-webkit-transform:translate(5px, 5px)和-webkit-transform:translateX(5px)translateY(5px)
有什么区别有性能差异吗？因为 translateX 也用于 3D 变换。所以我的问题是：计算变换有什么区别吗？我可以说 translateX 更快，因为它使用 GPU 吗？是吗？
我如何衡量性能？
I wondered what the difference between -webkit-transform: translate(5px, 5px) and -webkit-transform: translateX(5px) translateY(5px)
Is there any performance difference? Because translateX is also used for 3D transforms. So my question is: Is there any difference in calculating the transform? Can I say that translateX is faster, because it uses the GPU? Does it?
How can I meassure the performance?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
不，但是
-webkit-transform:translate3d(5px, 5px, 0)会更快。您输入的两种语法是相同的，我的使用 3d 上下文。No, but
-webkit-transform: translate3d(5px, 5px, 0)will be quicker. The two syntaxes you've put are the same, mine uses the 3d context.