美文网首页
CSS滤镜(filter)

CSS滤镜(filter)

作者: 码码虎呼 | 来源:发表于2018-11-08 20:51 被阅读0次
    CSS滤镜(filter)属提供的图形特效,像模糊,锐化或元素变色。过滤器通常被用于调整图片,背景和边界的渲染
    filter: none

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

    filter:blur( ) 高斯模糊

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

    img {
        filter:blur(2px);;
    }
    
    brightness(%) 线性乘法

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

    img {
        filter:brightness(70%);
    }
    
    contrast(%) 对比度

    调整图像的对比度。

    img {
        filter:contrast(50%);
    }
    

    相关文章

      网友评论

          本文标题:CSS滤镜(filter)

          本文链接:https://www.haomeiwen.com/subject/eorgxqtx.html