本文共 446 字,大约阅读时间需要 1 分钟。
css3可以让字体模糊吗?如何模糊字体?下面本篇文章给大家介绍一下使用CSS3模糊字体的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
我们可以使用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);
}
正常字体
模糊的字体
效果图:
更多web前端自学知识,请查阅 HTML中文网 !!
转载地址:http://yhnuo.baihongyu.com/