CSS 滤镜——Blur 滤镜

ZDNet软件频道　时间：2008-09-19　作者： | 天极网　我要评论()
本文关键词：Blur 滤镜 CSS 滤镜软件

　用手指在一幅尚未干透的画面迅速划过时，画面就会变得模糊。”Blur"就是产生同样的模糊效果。

Blur滤镜语法

HTML：
Script语言： [oblurfilter=] object.filters.blur

　　参数含义分别如下：

参数	说明
add	它指定图片是否被改变成印象派的模糊效果。模糊效果是按顺时针的方向进行的，这是一个布尔值:ture （默认）或false
direction	该参数用来设置模糊的方向。 0度代表垂直向上，每45度为一个单位，默认值是向左的270度
strength	只能使用整数来指定，代表有多少像素的宽度将受到模糊影响，默认是5个像素。

　　字体设置效果：

CSS滤镜实现	欢迎来到天极设计在线！
效果拷屏
代码	＜td style=filter:blur(add=ture,direction=135,strength=10)＞＜b＞＜font size="+3"＞欢迎来到天极设计在线！＜/font＞＜/b＞＜/td＞

　　图片设置效果：

CSS滤镜实现	代码	效果拷屏
	正常图片＜img src="pic1.jpg" width="180" height="120"＞
	＜img src="pic1.jpg" style="filter:blur(strength=10)" width="180" height="120" ＞
	＜img src="pic1.jpg" style="filter:blur(strength=70)" width="180" height="120"＞