博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html页面字迹模糊,css3字体可以模糊吗?
阅读量:6485 次
发布时间:2019-06-23

本文共 446 字,大约阅读时间需要 1 分钟。

css3可以让字体模糊吗?如何模糊字体?下面本篇文章给大家介绍一下使用CSS3模糊字体的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

f973a83eaa56c22acb34d989fca3917c.png

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

filter 属性定义了元素(通常是)的可视效果(例如:模糊与饱和度)。

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

示例:

.blur {

-webkit-filter: blur(1px); /* Chrome, Opera */

-moz-filter: blur(1px);

-ms-filter: blur(1px);

filter: blur(1px);

}

正常字体

模糊的字体

效果图:

35796a18f9469a91201b0fa140f33016.png

更多web前端自学知识,请查阅 HTML中文网 !!

转载地址:http://yhnuo.baihongyu.com/

你可能感兴趣的文章
linux shell 正则表达式(BREs,EREs,PREs)差异比较(转,当作资料查)
查看>>
二分法求平方根(Python实现)
查看>>
使用startActivityForResult方法(转)
查看>>
so在genymotation中错误问题
查看>>
Visual Studio 原生开发的10个调试技巧(二)
查看>>
Windows内核再次出现0Day漏洞 影响win2000到win10所有版本 反病毒软件恐成瞎子
查看>>
H3C品牌刀片系统强势首发
查看>>
【CSS系列】图像映射
查看>>
First blood
查看>>
SQL存储过程中的几个常见设定SET QUOTED_IDENTIFIER/NOCOUNT/XACT_ABORT ON/OFF
查看>>
Silverlight与Flash区别之一
查看>>
删除恢复Hadoop集群中的DataNode
查看>>
Silverlight 2动态创建矩形对象(附完整源代码)
查看>>
从京东技术演进看互联网企业的成长历程
查看>>
MFC ado+mysql+odbc技术分享
查看>>
js中让字符串中特定字符红色显示
查看>>
HttpClient4.5教程-第二章-连接管理
查看>>
redhat Nginx 安装
查看>>
oracle 配置监听
查看>>
moosefs即将发布新版
查看>>