使用filter屬性的方法是在CSS樣式中指定一個或多個濾鏡函數(shù)，比如filter: blur(5px) grayscale(0.5)。每個濾鏡函數(shù)都有一個或多個參數(shù)，用來控制濾鏡效果的強度

• url()：引用一個SVG文件中定義的濾鏡

• blur()：模糊圖像

• brightness()：調(diào)整圖像的亮度

• contrast()：調(diào)整圖像的對比度

• drop-shadow()：給圖像添加陰影

• grayscale()：將圖像轉(zhuǎn)換為灰度

• hue-rotate()：旋轉(zhuǎn)圖像的色相

• invert()：反轉(zhuǎn)圖像的顏色

• opacity()：調(diào)整圖像的透明度

• saturate()：調(diào)整圖像的飽和度

• sepia()：將圖像變成棕褐色

你可以按照任意順序組合多個濾鏡函數(shù)，它們會按照從左到右的順序依次應(yīng)用到元素上

詳細(xì)在掘金
鏈接：https://juejin.cn/post/7208188059632484413