css3字体可以模糊吗_CSS

上一篇: eclipse css中文乱码怎么办下一篇:怎样在外连接css文件

css3字体可以模糊吗

发布时间：2022-05-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了css3字体可以模糊吗，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

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

css3字体可以模糊吗

本教程操作环境：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>

效果图：

css3字体可以模糊吗

以上就是css3字体可以模糊吗的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的css3字体可以模糊吗全部内容，希望文章能够帮你解决css3字体可以模糊吗所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：

上一篇: eclipse css中文乱码怎么办下一篇:怎样在外连接css文件

猜你在找的CSS相关文章