CSS中的filter屬性用于對(duì)HTML元素的圖形效果進(jìn)行處理，包括陰影、模糊、顏色調(diào)整等等。下面是一些常用的filter效果。

/* 高斯模糊 */
.blur {
filter: blur(10px);
}
/* 縮放 */
.scale {
filter: scale(2);
}
/* 灰度 */
.grayscale {
filter: grayscale(1);
}
/* 對(duì)比度 */
.contrast {
filter: contrast(200%);
}
/* 色相旋轉(zhuǎn) */
.hue-rotate {
filter: hue-rotate(90deg);
}
/* 透明度 */
.opacity {
filter: opacity(50%);
}
/* 飽和度 */
.saturate {
filter: saturate(200%);
}
/* 反色 */
.invert {
filter: invert(100%);
}

除了以上常見的filter效果，還有一些更高級(jí)的效果，例如drop-shadow可以添加一個(gè)元素的陰影，brightness用于調(diào)整圖像的亮度，sepia可以把一張彩色的圖片變成類似復(fù)古的褐色圖像等等。

需要注意的是，filter效果對(duì)瀏覽器的性能也會(huì)產(chǎn)生影響，所以要謹(jǐn)慎地使用。同時(shí)，在兼容性方面也需要注意，有些老版本的瀏覽器不支持filter屬性。