cssscale方法文字模糊怎么解决

html-css080

cssscale方法文字模糊怎么解决,第1张

1.改变字体大小。增大字号，可以尽可能的让文字接近正常的大小，从而减少模糊的程度。

2.改变屏幕分辨率。把屏幕分辨率调到一个较高的值，可以改善文字的清晰度。

3.通过css3中的text-shadow属性来给文字加上阴影，从而减轻文字模糊的程度。

4.使用hint属性来为cssscale提供hint信息，从而获得更为清晰的输出。

在一个id为bt1的按钮上设置样式，如下：

#bt1{

font-family:微软雅黑     <!-- 字体  --> width: 60px              <!-- 宽度  -->

height:30px              <!-- 高度 -->

font-size:14px           <!-- 字体大小-->

color:gray               <!--字体颜色  -->

border: 1px solid red； <!-- 边框；边框宽度、单线、边框颜色 -->

margin-left: 10px            <!-- 左边距，相应的还有右边距margin-right,                                      上margin-top,下 margin-buttom -->

background-color:#F1F1F1        <!--背景色；十六位颜色表示时前加#符号  

                                  transparent是透明-->

box-shadow:10px 10px 10px gray  <!-- 阴影；x轴偏移（右偏为正），y轴偏移（向下                                为正），模糊度，模糊颜色  -->

border-radius:10px 10px 10px 10px<!-- 圆角；左上，右上，右下，左下-->

cursor:pointer                  <!-- 鼠标经过时鼠标变成小手  -->

}

css中在blur模糊的基础上让边缘变清晰方法：

.blur {

-webkit-filter: blur(5px)

-moz-filter: blur(5px)

-o-filter: blur(5px)

-ms-filter: blur(5px)

filter: url(#blur-effect-1)

filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5')

zoom: 1

}