CSS濾鏡是一種強(qiáng)大的工具，可以用來(lái)增強(qiáng)網(wǎng)頁(yè)視覺(jué)效果，包括給背景添加濾鏡，下面是一些關(guān)于如何使用CSS濾鏡給背景添加效果的方法。

1. 使用CSS濾鏡給背景添加顏色

CSS濾鏡可以用來(lái)給背景添加顏色，你可以使用filter: sepia(100%)將背景轉(zhuǎn)換為棕色，下面是一個(gè)示例：

body {
    filter: sepia(100%);
}

2. 給背景添加模糊效果

你可以使用filter: blur(10px)給背景添加模糊效果，其中10px是模糊半徑，下面是一個(gè)示例：

body {
    filter: blur(10px);
}

3. 給背景添加對(duì)比度效果

CSS濾鏡還可以用來(lái)增加背景的對(duì)比度，你可以使用filter: contrast(200%)將背景的對(duì)比度增加200%，下面是一個(gè)示例：

body {
    filter: contrast(200%);
}

4. 給背景添加亮度效果

CSS濾鏡還可以用來(lái)調(diào)整背景的亮度，你可以使用filter: brightness(150%)將背景的亮度增加50%，下面是一個(gè)示例：

body {
    filter: brightness(150%);
}

5. 給背景添加飽和度效果

CSS濾鏡還可以用來(lái)調(diào)整背景的飽和度，你可以使用filter: saturate(200%)將背景的飽和度增加200%，下面是一個(gè)示例：

body {
    filter: saturate(200%);
}

6. 給背景添加色調(diào)效果

CSS濾鏡還可以用來(lái)調(diào)整背景的色調(diào)，你可以使用filter: hue-rotate(180deg)將背景的色調(diào)旋轉(zhuǎn)180度，下面是一個(gè)示例：

body {
    filter: hue-rotate(180deg);
}

7. 組合使用多個(gè)濾鏡效果

你可以組合使用多個(gè)濾鏡效果來(lái)創(chuàng)建更復(fù)雜的效果，你可以使用以下代碼來(lái)創(chuàng)建一個(gè)帶有棕色背景和模糊效果的效果：

body {
    filter: sepia(100%) blur(10px);
}

CSS濾鏡是一種強(qiáng)大的工具，可以用來(lái)給網(wǎng)頁(yè)背景添加各種效果，通過(guò)學(xué)習(xí)和理解這些基本的濾鏡效果，你可以創(chuàng)建出令人驚嘆的視覺(jué)效果，希望這篇文章能幫助你開(kāi)始使用CSS濾鏡來(lái)增強(qiáng)你的網(wǎng)頁(yè)設(shè)計(jì)。