Filter是CSS提供的一種強大的效果，它可以對圖像和文本進行操作，以實現(xiàn)不同的效果。這些效果包括模糊、灰度、對比度和顏色控制等。這使得在web設計中使用過濾器成為一個流行的趨勢。

img {
filter: blur(5px); /* 模糊 */
}
.text {
filter: grayscale(100%); /* 灰度 */
}
.button {
filter: contrast(200%); /* 對比度 */
}
a:hover {
filter: drop-shadow(0px 0px 5px #000); /* 陰影 */
}
.container {
filter: hue-rotate(90deg); /* 調(diào)整顏色 */
}

在上面的代碼示例中，我們可以看到不同的過濾器效果如何應用在不同的元素上。這些過濾器可以很容易地通過CSS進行修改和調(diào)整，以產(chǎn)生不同的結果。

請注意，過濾器效果可能會影響網(wǎng)頁的性能，特別是在處理圖像時。因此，當使用過濾器時，應謹慎考慮其使用的場景和性能影響。