CSS中的filter属性用于添加视觉效果，例如滤镜效果、模糊、颜色变化等。通过给元素设置不同的filter属性值，可以实现多种视觉效果的展示。

.filter-demo {
filter: blur(5px); // 实现模糊效果
}
.filter-demo2 {
filter: grayscale(100%); // 实现灰度效果
}
.filter-demo3 {
filter: contrast(200%); // 实现对比度增加效果
}

上述代码演示了三种常见的filter属性值的使用方式：

• blur：添加模糊效果，具体值为像素数
• grayscale：添加灰度效果，具体值为百分比
• contrast：增加图像对比度，具体值为百分比

除了上面提到的三种属性值，filter还有许多其他可用的属性值：

• brightness：调整图片亮度，值为百分比
• saturate：调整图片饱和度，值为百分比
• hue-rotate：调整图片颜色，值为角度
• opacity：调整图片透明度，值为百分比
• drop-shadow：添加阴影效果，值为阴影参数

总的来说，filter属性可以帮助开发者快速实现各种视觉效果，让网站更加生动有趣。