css3字体可以含糊吗-百分百源码网

css3字体可以含糊吗

发布时间：01/01 来源：未知浏览：关键词：

css3字体的可以含糊的；开发者可以使用CSS3中的filter属性来实现字体含糊结果，filter语法是“filter: blur(px);”，其filter属性定义了元素的可视结果。

本教程操纵环境：windows7系统、CSS3版本，DELL G3电脑。

引荐：css视频教程

我们可以使用CSS3 filter属性来实现字体含糊结果；语法：filter: blur(px);

filter 属性定义了元素(平常是<img>)的可视结果(例如：含糊与饱和度)。

其中属性值blur(px)可以给图像设定高斯含糊。"radius"一值设定高斯函数的标准差，或者是屏幕上以多少像素融在一起，所以值越大越含糊；假如没有设定值，则默许是0；这个参数可设定css长度值，但不接受百分比值。

示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <style>
            .blur {
-webkit-filter: blur(1px); /* Chrome, Opera */
-moz-filter: blur(1px);
-ms-filter: blur(1px);
filter: blur(1px);
}
        </style>
    </head>
    <body>
    <p>正常字体</p>
        <p class="blur">含糊的字体</p>
    </body>
</html>

结果图：