内容简介：css3的滤镜filter属性，可以对网页中的图片进行类似Photoshop图片处理的效果，例如背景的毛玻璃效果、老照片（黑白照片）、火焰效果等。
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(%)饱和度
十、sapia(%)深褐色
上面都只是把每种滤镜单独拿出来，展示效果，但是其实他们是可以一起使用的，比如这样
.all img{
filter: brightness(120%) contrast(110%) saturate(120%) hue-rotate(-25deg) drop-shadow(0 0 5px #000);
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
- CSS 属性篇(七)：Display属性
- JavaScript对象之数据属性与访问器属性
- Logback file属性 与 fileNamePattern属性的关系
- 浅谈Spring Boot 属性配置和自定义属性配置
- python – Django属性错误. ‘module’对象没有属性’rindex’
- 深度解析属性动画的思想 - 带你手动实现属性动画框架
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
运营之光 2.0
黄有璨 / 电子工业出版社 / 2017-4 / 99
在互联网行业内，“运营”这个职能发展到一定阶段后，往往更需要有成熟的知识体系和工作方法来给予行业从业者以指引。 《运营之光：我的互联网运营方法论与自白 2.0》尤其难得之处在于：它既对“什么是运营”这样的概念认知类问题进行了解读，又带有大量实际的工作技巧、工作思维和工作方法，还包含了很多对于运营的思考、宏观分析和建议，可谓内容完整而全面，同时书中加入了作者亲历的大量真实案例，让全书读起来深入......一起来看看 《运营之光 2.0》 这本书的介绍吧!
