CSS濾鏡(filter)屬提供的圖形特效,像模糊,銳化或元素變色。過濾器通常被用於調整圖片,背景和邊界的渲染
filter: none
沒有任何效果,預設filter就為none
filter:blur( ) 高斯模糊
給影像一個高斯模糊效果,值越大,影像越模糊
img {
filter:blur(2px);;
}
複製程式碼
brightness(%) 線性乘法
可以讓圖片看起來更亮或者更暗
img {
filter:brightness(70%);
}
複製程式碼
contrast(%) 對比度
調整影像的對比度。
img {
filter:contrast(50%);
}
複製程式碼