CSS滤镜全接触
 
  作者:Eric 上一页 返回目录 下一页

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对文字产生的效果,看下面的文字好看吗?

DHTML 2000

  源代码对应如下:

  <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>

上一页 返回目录 下一页


Dynamic HTML 2000
Copyright © 2000-2001 All Rights Reserved