在translateX和translate3d（x，0,0）之间更快

Question

我正在学习浏览器渲染以了解渲染过程和事件循环。 我一直认为使用新图层进行GPU渲染时，translate3d会更快。

今天我通过性能工具选项卡测试镀铬。 找到以下：

translate3d使用了105ms translateX只有 49ms

@keyframes move {
        100% {
          transform: translateX(300px);
        }
      }

@keyframes move3d {
        100% {
          transform: translate3d(300px, 0, 0);
        }
      }