問題描述

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

問題截圖：

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

問題解答

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

我也遇到過這種問題，是因?yàn)橛玫膔em單位，有小數(shù)點(diǎn)。改成整數(shù)的px就不模糊了具體原因可能還是在瀏覽器對(duì)css3動(dòng)畫渲染流程的問題吧，關(guān)注等待大神解答

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