CSS中的filter属性可以设置多种滤镜效果,包括模糊、亮度、对比度、饱和度、灰度、反转颜色、透明度、背景模糊等。其中,常用的滤镜效果包括:
blur():设置元素模糊程度,参数值越大越模糊。
brightness():调整元素的亮度,取值范围为0~1之间的小数或者大于1的数字。
contrast():调整元素的对比度,取值范围为0~1之间的小数或者大于1的数字。
grayscale():将元素转换成灰度图像,取值范围为0~1之间的小数。
invert():反转元素的颜色,取值范围为0~1之间的小数。
opacity():设置元素的不透明度,取值范围为0~1之间的小数。
saturate():调整元素的饱和度,取值范围为0~100%之间的数字。
backdrop-filter:使用元素下层的效果作为背景,并应用指定的滤镜效果。
值得注意的是,CSS的filter属性是通过GPU进行实现的,因此在一些设备上可能会出现性能问题。