可以使用 CSS 的 filters 属性来实现元素的模糊、颜色饱和度等效果。filters 属性可以用于图像、视频、背景等元素。
以下是一些常见的 filters 属性值及其作用：
.blur {
filter: blur(5px);
}.brightness {
filter: brightness(50%);
}.contrast {
filter: contrast(200%);
}.grayscale {
filter: grayscale(50%);
}.hue-rotate {
filter: hue-rotate(90deg);
}.invert {
filter: invert(100%);
}.opacity {
filter: opacity(50%);
}.saturate {
filter: saturate(200%);
}.sepia {
filter: sepia(50%);
}以上是常见的 filters 属性值及其作用，可以根据需要进行组合使用。例如：
.effect {
filter: grayscale(100%) blur(5px) opacity(50%);
}此外，filters 属性还可以使用多个函数，用逗号分隔。例如：
.effect {
filter: brightness(150%) contrast(200%) saturate(150%);
}注意：filters 属性可能会影响性能，建议谨慎使用。