transform

transform 相较于 margin 的好处

• 性能更好：使用 transform 属性来实现元素的移动、旋转等操作，浏览器不需要重新计算元素的布局和绘制，而是仅对元素进行单纯的变换。这样可以减少浏览器的重排（reflow）和重绘（repaint）操作，从而提高页面的渲染性能。
• 不影响文档流：使用 margin 属性来实现元素的移动会影响到元素所在的文档流，可能会导致其他元素的位置发生变化。而使用 transform 属性可以将元素的位置进行调整，但不会影响到其他元素的布局和位置。
• 可以使用硬件加速：一些浏览器支持使用 GPU 进行硬件加速来执行 transform 变换，这样可以进一步提高页面的渲染性能。