解決CSS3動畫首次渲染或結束時會閃爍的問題

1.首次渲染CSS3動畫時閃爍BUG
部分webkit內核手機瀏覽器在使用transform:translate屬性時，會出現閃爍現象，解決方案大致有如下幾種：

-webkit-backface-visibility:hidden; //隱藏轉換的元素的背面
-webkit-transform-style: preserve-3d; //使被轉換的元素的子元素保留其 3D 轉換
-webkit-transform:translate3d(0,0,0); //開啟GPU硬件加速模式，使用GPU代替CPU渲染動畫（在安卓系統中有時會有莫名其妙的BUG，建議慎重）

2.CSS3動畫結束時閃爍
如果你沒有特別規定動畫結束後的狀態的話，動畫在結束後都會直接跳回到動畫未執行時候的原始狀態，可參考animation-fill-mode屬性。