margin和transform的区别

transform 是合成属性，浏览器会创建一个独立的合成层，它所引起的重新绘制也只是发生在这一层中，不会引起整个页面的回流重绘

margin 是布局属性，margin改变会导致render树重新渲染，必然会导致页面的重绘和回流

所以，从浏览器性能角度看，transform比margin更节省时间

但是，transform用太多，创建的合成层越多，占用的内存越大，过多的渲染开销可能会超过浏览器性能的改善。

因此，当且仅当需要的时候，才会为元素创建渲染层。