• 日志
  • 教程
  • 插件
  • 设计
  • 欣赏
  • 资源
  • 地图
精灵日志图片

Artile_Title

      《CSS滤镜效果介绍》     翻译:梦觉 2000.9

light
Light滤镜可以被用来模拟光源在物体上的投影效果。在定义了Light属性后,就可以通过下面的方法之一来改变属性。

AddAmbient(R,G,B,strength)
在图像周围加入泛光,Ambient光是无方向的而且影响整个区域,太阳光发射的就是Ambient光。

语法为:

call object.style.filters.Light(n).addAmbient(R,G,B,strength)

R、G、B决定了Ambient光的颜色数,strength决定了光投射的数量。

AddCone(x1,y1,z1,x2,y2,R,G,B,strength,spread)
在图像上增加一个锥形的光源。Cone光是有方向的而且只影响一指定的区域。

语法为:

call object.style.filters.Light(n).addCone(x1,y1,z1,x2,y2,R,G,B,strength,spread)

x1、y1、z1代表光源的位置,x2、y2、z2代表目标点的位置。R、G、B代表光的颜色数,strength代表光投射的数量。

AddPoint(x,y,z,R,G,B,strength)
在图像上增加一个点光源,点光源就像一个灯泡发的光一样.
语法为:

call object.style.filters.Light(n).addPoint(x,y,z,R,G,B,strength)

x、y、z代表点光源的位置,R、G、B代表光的颜色数,strength代表光投射的数量和范围。

实例如下:

请按下面的按钮,观察下面语句的滤镜效果:

call document.all.divLight.filters.Light(0).addPoint(10,10,100,255,255,255,1000)
call divLight.filters.Light(0).addAmbient(0,0,255,50)

这个例子在文本上增加了一个白色的点光和蓝色的泛光效果。

Light me up

一旦定义了以上的光源属性,就可以用如下的方法来设置或改变属性。

ChangeColor(lightnumber, r,g,b, fAbsolute)
ChangeColor将改变光源作用到物体上的色彩值。使用lightnumber标识被改变色彩的光源,r,g,b表示改变后的光源的色彩。fAbsoloute 是一个布尔值,如果值为true(非0),则相关的光源色彩被改变到新的数值,如果值为false(0)则相关的光源色彩被改变为新的数值。

ChangeStrength(lightnumber, strength, fAbsolute)
ChangeStrength 改变光源的强度。

Clear
The Clear 清除所有的光源。

MoveLight(lightnumber, x, y, z, fAbsolute)
The MoveLight 移动光源位置、目标点位置,对泛光等没有影响。


第一页 第二页 第三页 第四页 第五页 第六页 第七页
第八页
第九页 第十页 第十一页 第十二页 第十三页 第十四页

如有其他疑问,请到经典论坛提出
教程-Tutorials
FireworksMX2004教程
Fireworks教程
Dreamweaver教程
©2000-2006 Bitgenius.com.All rights reserved. Designed by Mengjue.