文章詳情頁
html5 - CSS3動畫執(zhí)行過程中導致顯示模糊
瀏覽:215日期:2023-01-17 08:33:38
問題描述
問題:H5頁面在執(zhí)行元素的動畫(如ZoomIn,循環(huán)5次)過程中,動畫元素(如文字、圖片等)會顯示模糊,當動畫執(zhí)行完畢之后才會正常顯示。
問題截圖:


目前這個問題在PC端和移動端都會出現(xiàn),網(wǎng)上查找相關問題無果,特在此提問,希望大家能幫忙解惑。
問題解答
回答1:http://www.cnblogs.com/rubylo...
回答2:我也遇到過這種問題,是因為用的rem單位,有小數(shù)點。改成整數(shù)的px就不模糊了具體原因可能還是在瀏覽器對css3動畫渲染流程的問題吧,關注等待大神解答
回答3:網(wǎng)上相關資料有說是因為3d動畫使用了小數(shù)點的設置,導致計算后的px值出現(xiàn)了非整數(shù),然后導致出現(xiàn)模糊不清楚的問題,但是具體原因還不能確定。另外就是,本身一些動畫需要用到的3d動畫只能是設定小數(shù)倍數(shù)或者百分比倍數(shù),計算后的結果不能完全保證得到整數(shù),所以這個方向應該也不是完全能夠解決問題的。
標簽:
Html5
相關文章:
1. 我在centos容器里安裝docker,也就是在容器里安裝容器,報錯了?2. docker-compose中volumes的問題3. docker不顯示端口映射呢?4. golang - 用IDE看docker源碼時的小問題5. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!6. docker容器呢SSH為什么連不通呢?7. javascript - 最近用echarts做統(tǒng)計圖時遇到兩個問題!!8. mac里的docker如何命令行開啟呢?9. javascript - 連續(xù)點擊觸發(fā)mouseleave事件10. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””
排行榜

熱門標簽
網(wǎng)公網(wǎng)安備