CSS提供了多种滤镜效果，可以通过filter属性实现。常见的滤镜效果包括模糊、色彩饱和度、对比度、亮度、透明度等。以下是一些常用的滤镜效果及其代码示例：
模糊：blur()，值越大越模糊。例如：filter: blur(5px);
色彩饱和度：saturate()，值越大色彩越鲜艳。例如：filter: saturate(200%);
对比度：contrast()，值越大对比度越强。例如：filter: contrast(150%);
亮度：brightness()，值越大越亮。例如：filter: brightness(120%);
透明度：opacity()，值越小越透明。例如：filter: opacity(0.5);
此外，滤镜效果还可以组合使用，例如将模糊和亮度组合使用：filter: blur(5px) brightness(120%);
需要注意的是，滤镜效果可能会影响性能，因此应该谨慎使用。