本文只涉及CSS滤镜中的blur的使用方法，并包括了实例代码和效果演示，希望通过这样的方式让CSS初学者快速了解如何使用blur滤镜。固有表达式为：

filter:blur(add=true,direction=90,strength=25)

 blur滤镜一共有三个参数，下面来逐一说明：

Add：有两个参数值：true和false。代表指定图片是否被改变成模糊效果。

Direction：用来设置模糊的方向。一般是按照顺时针方向。0度代表垂直向上，每45度一个单位，默认值是向左270度。blur属性也可应用于网页中的字体。

Strength：代表有多少宽度的像素将受到模糊影响初始值为5像素，可以自设。

下面来看一段示例，将blur滤镜应用于文字：

<div style="filter: blur(add=true,direction=90,strength=25); width: 500px; height: 120px"><br data-filtered="filtered"><p style="line-height: 120px; font-family: 微软雅黑; height: 120px; color: rgb(55,72,145); font-size: 72px">懒之才</p></div>

此段代码的运行效果： 

懒之才