不要与微软专有的滤镜相混淆，CSS滤镜是功能强大的新工具，它使浏览器能实现一些图像后期处理软件的功能。滤镜属性使浏览器可以实现像模糊、图像调整，甚至下拉阴影之类的效果。

blur          brightness       contrast
drop-shadow   grayscale        hue-rotate
invert        opacity          saturate
sepia

正如你所期望的，这种图像后期处理软件的技术，主要用于处理图像。你可以使用它处理任何元素，甚至还可以将它们应用到整个页面。我希望在不久的将来，我们也能够将滤镜应用于背景和边框。

滤镜的语法很简单：滤镜类型后面跟上滤镜filter属性，如模糊blur，括号内加上它的值。

.filter { 
filter : blur(5px); }

滤镜简单易用，并且它们相对新颖，尝试起来也很有趣。接下来，我们将展示一系列的滤镜类型，学习它们支持的值并看下对应的效果。我们首先来尝试模糊效果。