CSS濾鏡（filter）

CSS濾鏡（filter）屬提供的圖形特效，像模糊，銳化或元素變色。過濾器一般被用於調整圖片，背景和邊界的渲染

filter: none

沒有任何效果，默認filter就爲none

filter:blur( ) 高斯模糊

給圖像一個高斯模糊效果，值越大，圖像越模糊

img {
    filter:blur(2px);;
}
複製代碼

brightness(%) 線性乘法

可讓圖片看起來更亮或者更暗

img {
    filter:brightness(70%);
}
複製代碼

contrast(%) 對比度

調整圖像的對比度。

img {
    filter:contrast(50%);
}
複製代碼