我知道您可以通过对“转换”属性应用过渡来强制 GPU 加速以实现屏幕上元素的平滑动画,例如:
elem.style.transition = 'all 3s ease-out';
elem.style.transform = 'translateX(600px)';
Run Code Online (Sandbox Code Playgroud)
但是我想知道如果您将第二行替换为以下内容会发生什么:
elem.style.left = '600px';
Run Code Online (Sandbox Code Playgroud)
GPU加速会/可以针对“左”(或“顶”)属性,还是必须在转换属性上?在我看来,它应该支持 GPU 加速,但我无法从我读过的任何文档中获得最终答案。