CSS濾鏡是一種實現圖像特效的方法，可以讓網頁看起來更美觀。使用CSS濾鏡可以對圖片應用不同的特效，例如模糊、變暗、顏色反轉等，使網頁更加生動有趣。以下是一些常用的CSS濾鏡寫法。 ### 1. 圖片模糊 使用CSS的blur濾鏡可以讓圖片變得模糊。可以通過修改blur的值來調整模糊的程度。

img {
filter: blur(5px);
}

這段代碼將圖片的模糊程度設置為5px，可以根據需要調整px的大小。

### 2. 圖像反轉 反轉濾鏡invert使圖像顏色取反，將所有顏色反轉成它們的對稱顏色。也可以通過改變濾鏡控制顏色。

img {
filter: invert(100%);
}

這段代碼將圖片的顏色反轉，設置為100%相當于完全反轉圖像顏色。

### 3. 簡單陰影 CSS的box-shadow濾鏡可以為圖像添加簡單的陰影。參數可以設置陰影的位置、顏色、模糊半徑和擴展半徑。

img {
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

這段代碼將在圖片下方添加一個灰色的陰影，實現簡單的立體效果。

### 4. 圖片變亮 亮度濾鏡brightness可以使圖像變得更加明亮。可以通過修改值來控制亮度的程度。

img {
filter: brightness(150%);
}

這段代碼將圖片的亮度設置為150%，使圖像看起來更加明亮。

CSS濾鏡可以為網頁添加豐富的視覺效果，讓網頁內容更加生動、有趣。要了解更多關于CSS濾鏡的內容，請參考CSS規范文檔。