CSS滤镜属性(7)

7. Gray,Invert,Xray,Mask,Light

　　语法: {filter:gray} {filter:invert} {filter:xray} {filter:light} {filter:mask(Color=color)}

　　Gray滤镜是把一张图片变成灰度图,看下面的效果和源代码:

源代码: <img src="cloud.gif" width="200" height="100" style="filter:gray">

　　Invert滤镜是把对象的可视化属性全部翻转,包括色彩,饱和度,和亮度值,看下面的效果和源代码:

源代码: <img src="cloud.gif" width="200" height="100" style="filter:invert">

　　Xray滤镜是让对象反映出它的轮廓并把这些轮廓加亮,所谓的X光效果都是黑白的灰度图,看下面的效果和源代码:

源代码: <img src="cloud.gif" width="200" height="100" style="filter:xray">

　　Light滤镜是模拟光源的投射效果.一旦为对象定义了"Light"滤镜属性,就可以调用它的"方法(Method)"来设置或者改变属性,"Light"可用的方法有:

• AddAmbient 加入包围的光源
• AddCone 加入锥形光源
• AddPoint 加入点光源
• Changcolor 改变光的颜色
• Changstrength 改变光源的强度
• Clear 清除所有的光源
• MoveLight 移动光源

　　可以定义光源的虚拟位置,以及通过调整X轴和Y轴的数值来控制光源焦点的位置,还可以调整光源的形式(点光源或者锥形光源)指定光源是否模糊边界,光源的颜色,亮度等属性.如果动态的设置光源,可能回产生一些意想不到的效果,在后面的例子中我们可以看到.

　　Mask滤镜可以为对象建立一个覆盖于表面的膜,其效果就象戴者有色眼镜看物体一样.它只有一个参数,用来指定颜色.

上一页　返回目录　下一页