問題描述

問題：H5頁面在執行元素的動畫（如ZoomIn，循環5次）過程中，動畫元素（如文字、圖片等）會顯示模糊，當動畫執行完畢之后才會正常顯示。

問題截圖：

目前這個問題在PC端和移動端都會出現，網上查找相關問題無果，特在此提問，希望大家能幫忙解惑。

問題解答

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

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

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