css3滤镜属性
CSS3滤镜属性可以让我们对元素应用不同的视觉效果，从而让网页更具有视觉冲击力。使用css3滤镜属性，可以给元素添加模糊、饱和度、色相、灰度、亮度等效果，让网页图像更加生动、鲜明，增强视觉冲击力。
使用方法
使用css3滤镜属性时，需要在元素上添加filter属性，该属性值可以是滤镜函数，也可以是多个滤镜函数的组合。例如，下面的代码使用滤镜函数blur()和hue-rotate()，给元素添加模糊和色相旋转的效果：
img {
filter: blur(2px) hue-rotate(90deg);
}
同时，还可以使用滤镜函数的参数来调整元素的视觉效果，例如，下面的代码使用滤镜函数saturate()，给元素添加饱和度为50%的效果：
img {
filter: saturate(50%);
}
滤镜函数
CSS3滤镜属性支持以下滤镜函数：
- blur()：模糊效果
- brightness()：亮度效果
- contrast()：对比度效果
- drop-shadow()：阴影效果
- grayscale()：灰度效果
- hue-rotate()：色相旋转效果
- invert()：反转效果
- opacity()：透明度效果
- saturate()：饱和度效果
- sepia()：褐色效果
这些滤镜函数可以组合使用，以达到更多有趣的视觉效果。
兼容性
CSS3滤镜属性兼容性较好，可以在Chrome、Firefox、Safari、Opera和IE10及以上版本的浏览器中使用。