translate 是 transform 屬性的一個(gè)值。改變 transform 或 opacity 不會(huì)觸發(fā)瀏覽器重新布局（reflow）或重繪（repaint），只會(huì)觸發(fā)復(fù)合（compositions）。而改變絕對(duì)定位會(huì)觸發(fā)重新布局，進(jìn)而觸發(fā)重繪和復(fù)合。transform 使瀏覽器為元素創(chuàng)建一個(gè) GPU 圖層，但改變絕對(duì)定位會(huì)使用到 CPU。 因此 translate()更有效，可以縮短平滑動(dòng)畫的繪制時(shí)間。 而translate 改變位置時(shí)，元素依然會(huì)占據(jù)其原始空間，絕對(duì)定位就不會(huì)發(fā)生這種情況。