前言 　　前段时间找工作面试官问到一个问题，你如何将一个网页整体置灰？面试遇到这样的问题，一下束手无策，之前没有接触过这样的需求，因此没有回答上来，面试结束我才知道了这是考查对 CSS3 的新属性的了解。这里需要掌握 filter(滤镜) 这个新属性。细想一下，这个需求成立啊，比如遇到清明节 ...

　博主最近在做网站的过程中发现了一个非常强大的CSS3属性，就是filter(滤镜)属性，喜欢p图的朋友看名字都应该知道这是什么神器了吧。当然，这个属性的效果肯定不能跟ps相比，但是利用的好的话可以在节约很多空间下，把一张图做成两张图的效果 ...

前端一般处理图片，我首先想到的就是ps。但是，前端css的filter属性一样可以得到一些意想不到的效果（例如：图片模糊与图片饱和度）今天我们就来挨个介绍一下这些取值产生的效果也可以参考runoob filter(滤镜) filter的取值有：none | blur ...

filter(滤镜)属性，是CSS3中非常有意思的一个属性，可惜IE不支持（当然IE有它专属的滤镜方式）。无所谓，反正IE已经日薄西山。当然，强迫症的同学还是可以在网上找到与CSS3 filter对应的IE滤镜方式， 1、模糊滤镜 blur(Npx) 给图像设置高斯模糊。值越大越模糊，默认 ...

CSS3中强大的filter(滤镜)属性 　　　　博主最近在做网站的过程中发现了一个非常强大的CSS3属性，就是filter(滤镜)属性，喜欢p图的朋友看名字都应该知道这是什么神器了吧。当然，这个属性的效果肯定不能跟ps相比，但是利用的好的话可以在节约很多空间下，把一张图做成两张图 ...

CSS3中强大的filter(滤镜)属性 　　　　博主最近在做网站的过程中发现了一个非常强大的CSS3属性，就是filter(滤镜)属性，喜欢p图的朋友看名字都应该知道这是什么神器了吧。当然，这个属性的效果肯定不能跟ps相比，但是利用的好的话可以在节约很多空间下，把一张图做成两张图 ...

...

img { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%);} Filter 函数 注意: 滤镜通常使用百分比 (如：75%), 当然也可以使用小数来表示 ...