css3字体可以模糊吗
- 藏色散人 原创
- 2021-01-28 09:47:54 2634浏览
css3字体的可以模糊的；开发者可以使用css3中的filter属性来实现字体模糊效果，filter语法是“filter: blur(px);”，其filter属性定义了元素的可视效果。
本教程操作环境：windows7系统、CSS3版本，DELL G3电脑。
推荐：css视频教程
我们可以使用CSS3 filter属性来实现字体模糊效果；语法：filter: blur(px);
filter 属性定义了元素(通常是)的可视效果(例如：模糊与饱和度)。
其中属性值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>效果图：
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：怎样在外连接css文件
下一条：eclipse css中文乱码怎么办
