CSS濾鏡(filter)

極客蝸牛發表於2019-04-13

CSS濾鏡(filter)屬提供的圖形特效,像模糊,銳化或元素變色。過濾器通常被用於調整圖片,背景和邊界的渲染

filter: none

沒有任何效果,預設filter就為none

filter:blur( ) 高斯模糊

給影像一個高斯模糊效果,值越大,影像越模糊

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

brightness(%) 線性乘法

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

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

contrast(%) 對比度

調整影像的對比度。

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

相關文章