在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ CSS3動(dòng)畫過程中文字模糊如何解決?

CSS3動(dòng)畫過程中文字模糊如何解決?

我使用animate.css給文本添加了動(dòng)畫效果,文字動(dòng)畫在運(yùn)動(dòng)過程中模糊的十分明顯,不知道是什么原因?

<li id="inside_5460252786" num="1" ctype="2" class="wsite-text ng-scope" comp-click="5460252786" comp-drag="5460252786" comp-hover="5460252786" 
style="width: 270px; height: 51px; left: 43px; top: 50px; z-index: 1; 
transform: rotateZ(0deg); opacity: 1; position: absolute;">
<div class="element-box" 
style="width: 100%; height: 100%; top: 20px; left: 5px; font-size: 24px; 
writing-mode: horizontal-tb; z-index: 1; color: rgb(103, 103, 103); 
transform: none; text-align: left; border-width: 0px; border-style: solid; 
border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px; 
padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 0px;
 margin-top: 0px; margin-bottom: 0px;">
    <div class="element-box-contents" style="width: 100%; height: 100%">
        <div id="5460252786" class="element comp_paragraph editable-text" 
style="cursor: default; font-size: 24px; width: 270px; height: 51px; 
text-rendering: optimizeLegibility; -webkit-writing-mode: horizontal-tb;
 writing-mode: horizontal-tb; min-height: inherit; min-width: inherit;
 left: 43px; top: 50px;">
            <span style="font-size: 16px;">雙擊此處進(jìn)行編輯</span>
        </div>
    </div>
</div>
</li>

以上貼出是易企秀動(dòng)畫元素的CSS,發(fā)現(xiàn)他們的動(dòng)畫過程中清晰度還可以,不知道如何實(shí)現(xiàn)的,我試了把他們用的幾個(gè)關(guān)鍵的css屬性加到我的上面,并沒有什么效果。

麻煩大神們看下,關(guān)鍵點(diǎn)是否在以上的style中?

回答
編輯回答
編輯回答
話寡

你要么給一個(gè)連接要么貼出代碼,這樣一句話怎么幫你解決啊

2018年8月20日 22:31
編輯回答
艷骨

別人博客的文章Transform文字模糊的問題

2017年3月10日 20:25
編輯回答
替身

我遇到過這個(gè)問題

transform導(dǎo)致的

具體表現(xiàn)在,如果translate3d(或者scale3d...)里的值用的百分比,而跟寬高相乘后得到非整數(shù)的話,就會(huì)變模糊
如:
width:99px;
transform:translate3d(50%,0,0);
這樣就模糊

你改成100px就不模糊

建議:保證相乘后為整數(shù)或者translate3d(或者scale3d...)里的值直接用數(shù)值表示(px,rem..)

2017年3月26日 23:26