css - CSS 转换性能

Question

-webkit-transform: translate(5px, 5px)我想知道和之间有什么区别-webkit-transform: translateX(5px) translateY(5px)

有性能差异吗？因为translateX也用于 3D 变换。所以我的问题是：计算变换有什么不同吗？我可以说它translateX更快，因为它使用 GPU 吗？可以？

我如何衡量性能？

Answer 1

不会，但-webkit-transform: translate3d(5px, 5px, 0)会更快。您输入的两种语法是相同的，我的使用 3d 上下文。