css3的filter属性可以对网页中的图片进行类似于Photoshop图像处理的效果,比如背景的毛玻璃效果、老照片(黑白照片)、火焰effects等1.blur(px)高斯模糊2.brightness(%)brightness3.contrast(%)contrast4.drop-shadow()shadow注意:这个drop-shadow和box-shadow说的都是阴影,但是还是有区别的,看下图中的火焰图。这是一张png图片。除了火焰,其他部分都是透明的。我们可以看到box-shadow是给整个图片加上阴影,而drop-shadow只是给不透明的部分。阴影是它们之间最重要的区别。五、grayscale(%)灰度六、hue-rotate(deg)色调旋转七、invert(%)反转八、opacity(%)透明度九、saturate(%)饱和度十、sepia(%)darkbrownaboveTheyjusttake分别拿出每个过滤器来展示效果,但实际上它们可以一起使用,例如。allimg{filter:brightness(120%)contrast(110%)saturate(120%)hue-rotate(-25deg)drop-shadow(005px#000);}注:饱和度和对比度是两个完全不同的概念。饱和度对是颜色浓度(纯度)的定义;对比度是画面明暗度的定义。从理论上讲,对比度是指画面黑白明暗的高低;饱和度画面中色彩的鲜艳程度和层次;
