CSS3 filter(滤镜)

filter 属性定义了元素(通常是<img>)的可视效果(例如：模糊与饱和度)。

 

语法

none 

blur(px) 高斯模糊

brightness(%)明暗度，默认100%

contrast(%)对比度

drop-shadow(h-shadow v-shadow blur spread color)　　阴影蒙版，所有在此蒙版上面的图像都会有阴影

grayscale(%)将图像转为灰度图像(黑白)

 hue-rotate(deg)色相旋转

 invert(%) 反转输入图像。值为0%则图像无变化。值在0%和100%之间，(胶卷那种效果)

 opacity(%)值为0%则是完全透明，值为100%则图像无变化。该函数与已有的opacity属性很相似，不同之处在于通过filter，一些浏览器为了提升性能会提供硬件加速。

 saturate(%)值为0%则是完全不饱和，值为100%则图像无变化。

sepia(%)将图像转换为深褐色。老照片