「CSS」滤镜(filter)

CSS滤镜(filter)属提供的图形特效,像模糊,锐化或元素变色。过滤器通常被用于调整图片,背景和边界的渲染

filter: none

没有任何效果,默认filter就为none

filter:blur( ) 高斯模糊

给图像一个高斯模糊效果,值越大,图像越模糊

img {
    filter:blur(2px);;
}

brightness(%) 线性乘法

可以让图片看起来更亮或者更暗

img {
    filter:brightness(70%);
}

contrast(%) 对比度

调整图像的对比度。

img {
    filter:contrast(50%);
}
Posted in CSS