並不是所有的css屬性都能觸發gpu的硬體加速，實際上只有少數屬性可以，比如下面的這些：
對於transform，2d transform 動畫在開始和結束時發生的 repaint 操作，因此建議採用以下方式
.example1
.example2
通過-webkit-transform:transition3d/translatez開啟gpu硬體加速之後，有些時候可能會導致瀏覽器頻繁閃爍或抖動，可以嘗試以下辦法解決之
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
GPU硬體加速
了解什麼是gpu硬體加速，需要先了解什麼是gpu gpu graphic processing unit 圖形處理晶元 它是顯示卡的 心臟 也就相當於cpu在電腦中的作用，它決定了該顯示卡的檔次和大部分效能，同時也是2d顯示卡和3d顯示卡的區別依據 2d顯示晶元在處理3d影象和特效時主要依賴cpu的...
CSS動畫開啟硬體加速
一 前言 在需要高頻互動的css動畫時候，我們就需要考慮使用css3 硬體加速。首先，css3 硬體加速又叫做 gpu 加速，是利用 gpu 進行渲染，減少 cpu 操作的一種優化方案。由於 gpu 中的 transform 等 css 屬性不會觸發 repaint，所以能大大提高網頁的效能。現在，...
Android的硬體加速
android從3.0 api level 11 開始，在繪製view的時候支援硬體加速，充分利用gpu的特性，使得繪製更加平滑，但是會多消耗一些記憶體。開啟或關閉硬體加速 由於硬體加速自身並非完美無缺，所以android提供選項來開啟或者關閉硬體加速，預設是關閉。可以在4個級別上開啟或者關閉硬體加...