关于 css3 的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％

H, contrast对比度

    1，改变图片的对比度

    2，默认值：100％

I, blur模糊

    1，改变图片的清晰度

    2，默认值：0

J drop-shadow阴影

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

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