CSS動畫屬性性能詳細介紹

CSS動畫屬性會觸發整個頁面的重排relayout、重繪repaint、重組recomposite Paint通常是其中最花費性能的，儘可能避免使用觸發paint的CSS動畫屬性，這也是爲什麼我們推薦在CSS動畫中使用 webkit-transform: translateX(3em) 的方案代替使用 left: 3em ，因爲left會額外觸發layout與paint，而webkit-trans

>>阅读原文<<