-webkit-transform:translate3d(0,0,0)觸發GPU加速，讓網頁動畫更流暢

前段時間，按照美拍的視頻效果寫了一個效果類似的網頁版的動畫。電腦上安裝了三種瀏覽器：IE、Chrome、Firefox。分別作了測試，結果顯示Chrome在這方面的渲染效果最差，經常出現卡頓現象，ff表現最好。一直百思不得其解，尤其是之前使用canvas標籤做圖片濾鏡效果，chrome瀏覽器居然顯示不了濾鏡效果，然而其他瀏覽器均能正常顯示，大谷歌你腫麼了...對渲染多張圖片和動畫效果表示放棄了麼.

>>阅读原文<<