html5 - CSS3动画执行过程中导致显示模糊

Question

问题：H5页面在执行元素的动画（如ZoomIn，循环5次）过程中，动画元素（如文字、图片等）会显示模糊，当动画执行完毕之后才会正常显示。

问题截图：

目前这个问题在PC端和移动端都会出现，网上查找相关问题无果，特在此提问，希望大家能帮忙解惑。

Answer 1

http://www.cnblogs.com/rubylo...

Answer 2

我也遇到這種問題，是因為用的rem單位，有小數點。改成整數的px就不模糊了
具體原因可能還是在瀏覽器對css3動畫渲染流程的問題吧，關注等待大神解答

Answer 3

網路上相關資料有說是因為3d動畫使用了小數點的設置，導致計算後的px值出現了非整數，然後導致出現模糊不清楚的問題，但是具體原因還不能確定。另外就是，本身一些動畫需要用到的3d動畫只能是設定小數倍數或百分比倍數，計算後的結果不能完全保證得到整數，所以這個方向應該也不是完全能夠解決問題的。