如何使用CSS3过滤器属性来实现字体模糊效果

小编给大家分享一下如何使用CSS3过滤器属性来实现字体模糊效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

CSS3字体的可以模糊的;开发者可以使用CSS3中的过滤器属性来实现字体模糊效果,过滤器语法是“滤镜:模糊(px);”,其过滤器属性定义了元素的可视效果。

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

过滤器属性定义了元素(通常是& lt; img>)的可视效果(例如:模糊与饱和度)。

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

示例:

& lt; ! DOCTYPE  html> 　　& lt; html> 　　,,,& lt; head> 　　,,,,,,,& lt; meta  charset=癠TF-8"比; 　　,,,,,,,& lt; style> 　　,,,,,,,,,,,.blur  { 　　-webkit-filter:模糊(1 px);,/*, Chrome, Opera  */-moz-filter:模糊(1 px); 　　-ms-filter:模糊(1 px); 　　过滤器:模糊(1 px); 　　} 　　,,,,,,,& lt;/style> 　　,,,& lt;/head> 　　,,,& lt; body> 　　,,,& lt; p>正常字体& lt;/p> 　　,,,,,,,& lt; p 类=癰lur"在模糊的字体& lt;/p> 　　,,,& lt;/body> 　　& lt;/html>

效果图:

以上是“如何使用CSS3过滤器属性来实现字体模糊效果”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

如何使用CSS3过滤器属性来实现字体模糊效果