CSS filter屬性用于對元素進行圖像處理,可以改變圖像的顏色、亮度、對比度、飽和度等。
具體的作用包括:
blur:模糊圖像
brightness:調整圖像的亮度
contrast:調整圖像的對比度
grayscale:將圖像轉為灰度
hue-rotate:旋轉圖像的色調
invert:反轉圖像的顏色
opacity:調整圖像的透明度
saturate:調整圖像的飽和度
sepia:將圖像轉為深褐色
drop-shadow:添加陰影效果
url():使用SVG濾鏡對圖像進行處理
通過組合不同的filter屬性值,可以實現更多的圖像處理效果。