當我們需要高頻互動的CSS動畫時候，我們需要考慮使用css3硬體加速。

css3硬體加速又叫做GPU加速，是利用GPU進行渲染，減少CPU操作的一種優化方案。

瀏覽器首先將頁面解析成DOM樹，DOM樹和CSS讓瀏覽器構建渲染樹，渲染樹包括渲染物件。每個渲染物件會被分配到一個圖層中，每個圖層會被更新到GPU中，

由於GPU中的transform等CSS屬性不觸發repaint，因此不需要重繪，單獨處理，所以能大大提高網頁的效能。

當瀏覽器引擎檢測到頁面中某個MOD元素應用了某些CSS規則時候就會開啟，最顯著的特徵的元素是3D變換。

開啟硬體加速：

1、transform

2、opacity

3、filter

強行開始加速：

transform：translate3d(0,0,0);

注意問題：

1、過多的使用GPU處理會導致記憶體問題，可能導致瀏覽器崩潰。

2、在GPU渲染字型會導致抗鋸齒無效，因為GPU和CPU的演算法不同，因此即使最終硬體加速停止了，文字還是會在動畫期間顯示的很模糊，儘量不要包含文字。