用 transform: translateX()； 来替换 left的好处

用 transform: translateX(); 来替换 left 来实现位移有什么好处？ 不会使页面造成重绘或者回流，当动画修改一个元素的 left 和 top会改变它的形状，而且可能引起页面上其它元素的移动和形状改变，会引起页面的重绘和回流 什么是重绘和回流？ 重绘:当元素的一部分属性发生改变，如外观、背景、颜色等不会引起布局变化，只需要浏览器根据元素的新属性重新绘制，使元素呈现新的外观叫

>>阅读原文<<