下面是详细的攻略：

CSS3 中filter（滤镜）属性使用详解

CSS3 中的 filter 属性主要用于对元素进行视觉效果的处理，可以实现一些有趣的效果，比如模糊、变形、颜色调整等。

基本语法

filter 属性可以作用于任何 HTML 元素，但只有在现代浏览器中才能完全支持，语法如下：

filter: function(param);

其中 function 表示要应用的滤镜函数名称，param 表示该函数的参数值。

常用滤镜函数及参数

1. 模糊（blur）

blur 函数可以让元素看起来模糊，参数值越大，元素就越模糊。

示例代码：

.blur {
  filter: blur(5px);
}

效果展示：

模糊效果

2. 亮度调整（brightness）

brightness 函数可以调整元素的亮度，参数值为 0 到 1 之间的数字，值越小，元素就越暗，值越大，元素就越亮。

示例代码：

.brightness {
  filter: brightness(0.5);
}

效果展示：

亮度调整效果

注意事项

1. filter 属性只能作用于块级元素和一些特殊的行内元素，不能作用于 input、textarea、iframe 和 table 等元素。
2. filter 属性不是万能的，某些滤镜函数会影响元素的性能，特别是在移动端设备上。
3. 在使用 filter 属性时，要注意浏览器支持的兼容性问题。建议使用带有浏览器前缀的滤镜函数，以提高浏览器兼容性。
4. 滤镜函数通常都会造成元素的后代节点也被滤镜所影响，在某些情况下可能会产生意外的效果。

以上是对 CSS3 中 filter 属性使用的详细讲解和示例示范，希望对你有所帮助。