問題描述

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

問題截圖：

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

問題解答

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

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

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