CSS3 顏色濾鏡是 CSS3 的一項(xiàng)強(qiáng)大功能，它可以改變元素的顏色和透明度。該功能使用濾鏡函數(shù)實(shí)現(xiàn)。

下面是 CSS3 顏色濾鏡的語法：

filter: 要應(yīng)用的濾鏡函數(shù);

例如：

filter: grayscale(100%);

上面的代碼將把元素的顏色變成灰色。

以下是常用的濾鏡函數(shù)列表：

• grayscale() - 將元素轉(zhuǎn)換為灰度圖像
• sepia() - 將元素轉(zhuǎn)換為棕褐色圖像
• saturate() - 飽和度增加
• hue-rotate() - 調(diào)整色相
• invert() - 反轉(zhuǎn)元素中的顏色
• opacity() - 設(shè)置元素的透明度
• brightness() - 調(diào)整元素的亮度
• contrast() - 調(diào)整元素的對比度

使用這些濾鏡函數(shù)，可以創(chuàng)造出各種各樣的效果。

以下是一個應(yīng)用 CSS3 顏色濾鏡的例子：

CSS3 顏色濾鏡

上面的代碼將把圖片變成灰色。

嘗試使用不同的濾鏡函數(shù)，創(chuàng)造出自己的獨(dú)特效果吧！