CSS的filter屬性用于對元素進行圖像處理和效果,可以實現一些常見的圖像處理操作,如模糊、亮度調整、對比度調整、灰度化、反轉、色彩飽和度調整等。
常用的filter屬性值包括:
blur():給元素設置模糊效果,接受一個長度值作為參數,值越大越模糊。
brightness():調整元素的亮度,接受一個百分比值作為參數,值為100%表示原始亮度。
contrast():調整元素的對比度,接受一個百分比值作為參數,值為100%表示原始對比度。
grayscale():將元素的圖像轉換為灰度圖像,接受一個百分比值作為參數,值為100%表示完全灰度。
invert():將元素的圖像反轉,接受一個百分比值作為參數,值為100%表示完全反轉。
saturate():調整元素的飽和度,接受一個百分比值作為參數,值為100%表示原始飽和度。
sepia():將元素的圖像轉換為深褐色,接受一個百分比值作為參數,值為100%表示完全深褐色。
可以通過在CSS中設置filter屬性來對元素進行圖像處理和效果,為網頁提供更加豐富的視覺效果。