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%

H, contrast对比度

    1,改变图片的对比度

    2,默认值:100%

I, blur模糊

    1,改变图片的清晰度

    2,默认值:0

J drop-shadow阴影

    1,像box-shadow一样的效果,给图片加阴影效果

    2,写法::drop-shadow(5px 5px 5px #ccc);