text.html

 
<p class="zw">不要与微软专有的滤镜相混淆，CSS滤镜是功能强大的新工具，它使浏览器能实现一些图像后期处理软件的功能。滤镜属性使浏览器可以实现像模糊、图像调整，甚至下拉阴影之类的效果。</p> 
<pre class="代码无行号"><code>blur          brightness       contrast
drop-shadow   grayscale        hue-rotate
invert        opacity          saturate
sepia</code></pre> 
<p class="zw">正如你所期望的，这种图像后期处理软件的技术，主要用于处理图像。你可以使用它处理任何元素，甚至还可以将它们应用到整个页面。我希望在不久的将来，我们也能够将滤镜应用于背景和边框。</p> 
<p class="zw">滤镜的语法很简单：滤镜类型后面跟上滤镜<code>filter</code>属性，如模糊<code>blur</code>，括号内加上它的值。</p> 
<pre class="代码无行号"><code>.filter { 
filter : blur(5px); }</code></pre> 
<p class="zw">滤镜简单易用，并且它们相对新颖，尝试起来也很有趣。接下来，我们将展示一系列的滤镜类型，学习它们支持的值并看下对应的效果。我们首先来尝试模糊效果。</p>