CSS滤镜属性(2)

2. Blur

　　语法:对于HTML:{filter:blur(add=add,direction=direction,strength=strength)}
      　　　　 对于Script语言: [onBlurFilter=] object.filters.blur

　　"Blur"是用来产生模糊效果.
　　"add"参数是一个布尔判断"TRUE(默认)"或者"FALSE".它指定图片是否被改变成印象派的模糊效果.
　　模糊效果是按顺时针的方向进行的,"direction"参数用来设置模糊的方向.其中0度代表垂直向上,然后每45度为一个单位.它的默认值是向左的270度.
　　"strength"值只能使用整数来指定.它代表有多少像素的宽度将受到模糊影响,默认是5个像素.

　　我们看一个完整的例子,先看一下源代码:

　　<img src="cloud.gif" width="200" height="100" style="Filter:blur(add=true,direction=135,strength=200)">

　　在右边的是原图,注意到没有?仔细地左边的图片,可以看到模糊的方向是\的.如果你将源代码中的add=true改为false,效果将更加明显.下面我们再看看Blur对文字产生的效果,看下面的文字好看吗?

　　源代码对应如下:

　　<div style="width=200;height=60;filter:blur(add=true,direction=135,strength=10)">
　　<font face="Verdana" color="#FF9966" size="5"><b>DHTML 2000</b></font>
　　</div>

上一页　返回目录　下一页