CSS filter属性

 CSS filter属性
一，使用范围；
   Filter属性 主要是运用在图片上，实现一些特效。
二，常用属性（默认值是none）；
    A，grayscale灰度：
        1，使用这个特效，会把图片变成灰色的，也就是说你的图片将只有两种颜色“黑色”和“白色；
        2，默认值：100％，
        如果你在grayscale()中没有任何参数值，将会以“100%”渲染

    B，sepia褐色（求专业指点翻译）
        1，褐色，使用这种效果，你的图片好像很古老的一样
        2，sepia()中没有任参数值，将会以“100％”渲染

    C，saturate饱和度
        1，saturat是用来改变图片的饱和度
        2，默认值：100％，
    D，hue-rotate色相旋转
        1，hue-rotate用来改变图片的色相
        2，默认值：0deg
    E，invert反色
        1，invert做出来的效果就像是我们照相机底面的效果一样
        2，默认值：100％
    F，opacity透明度
        1，改变图片的透明度
        2，默认值：100%
    G，brightness亮度
        1，改变图片的亮度
        2，默认值：100％
    contrast对比度
        1，改变图片的对比度
        2，默认值：100％
    blur模糊
        1，改变图片的清晰度
        2，默认值：0
    drop-shadow阴影
        1，像box-shadow一样的效果，给图片加阴影效果
        2，写法：:drop-shadow(5px 5px 5px #ccc);

 

转载于:https://www.cnblogs.com/ran849340618/p/5667781.html