宁波网站建设推广报价,wordpress加载完再显示,福州设计公司,扒完网站代码之后怎么做模板css3的滤镜filter属性#xff0c;可以对网页中的图片进行类似Photoshop图片处理的效果#xff0c;例如背景的毛玻璃效果、老照片#xff08;黑白照片#xff09;、火焰效果等。一、blur(px)高斯模糊 二、brightness(%)亮度 三、contrast(%)对比度 四、drop-shadow()阴影 注… css3的滤镜filter属性可以对网页中的图片进行类似Photoshop图片处理的效果例如背景的毛玻璃效果、老照片黑白照片、火焰效果等。 一、blur(px)高斯模糊 二、brightness(%)亮度 三、contrast(%)对比度 四、drop-shadow()阴影 注意 这个 drop-shadow 与 box-shadow 都是在说阴影但还是有区别的看下图 图中火焰的图片是一张png图片除了火焰以外其他部分是透明的我们能看见box-shadow 是给整个图片加阴影而 drop-shadow 只是给不透明的部分加阴影这是他们最重要的区别了。 五、grayscale(%)灰度 六、hue-rotate(deg)色相旋转 七、invert(%)反转 八、opacity(%)透明度 九、saturate(%)饱和度 十、sepia(%)深褐色 上面都只是把每种滤镜单独拿出来展示效果但是其实他们是可以一起使用的比如这样 .all img{filter: brightness(120%) contrast(110%) saturate(120%) hue-rotate(-25deg) drop-shadow(0 0 5px #000); } 注饱和度和对比度是两个完全不同的概念饱和对是对色彩的浓度纯度的定义对比度是对画面明暗程度的定义。理论上说对比度是指画面黑白明暗的层次饱和度画面中色彩的鲜艳程度与层次 转载于:https://www.cnblogs.com/hellocd/p/filter.html