<p class="zw">要给一个元素应用高斯模糊，我们只需要指定<code>blur</code>作为滤镜类型，括号内的值为模糊的半径。为了证明这一点，我们将为Stuff & Nonsense网站的banner背景上使用<code>blur</code>。</p> <pre class="代码无行号"><code>.filter { filter : blur(5px); }</code></pre> <p class="图"><img alt="1701.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/198.jpg"></p> <p class="图题">Stuff & Nonsense网站使用模糊来区分开banner背景。</p> <p class="zw">模糊滤镜的半径可以使用任何CSS单位，所以我们可以使用<code>px</code>、<code>em</code>、<code>rem</code>，甚至<code>cm</code>。数字越大，应用的半径越大，滤镜效果也越强。但是不能使用百分比。当我们输入无效值时，浏览器会默认应用<code>none</code>。</p> <p class="zw">要想获得看起来自然的效果，需要设定一个合适的值，这有些困难，但是当我们想使用滤镜时，第一个想到的就是模糊效果，因为在CSS中使用它非常简单。</p>
