网页设计与Web编程.pptVIP

6.3CSS滤镜CSS的滤镜（filter）属性glow：加光辉在附近对象的边外。blur：创建高速度移动效果，即模糊效果。chroma：制作专用颜色透明。DropShadow：创建对象的固定影子。FlipH：创建水平镜像图片。alpha：设置透明层次FlipV：创建垂直镜像图片。Xray：使对象变得像被x光照射一样。invert：反色light：创建光源在对象上。mask：创建透明掩膜在对象上。shadow：创建偏移固定影子。gray：把图片灰度化。wave：波纹效果。6.3CSS滤镜（1）滤镜：Alpha设置透明层次语法：STYLE=filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity，Style=style,StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)Style：1或2或3Opacity：起始值，取值为0～100,0为透明，100为原图。StartX/StartY：任意值FinishOpacity：目标值。说明：例：filter:Alpha(Opacity=0,FinishOpacity=75,Style=2)6.3CSS滤镜（2）滤镜：blur创建高速度移动效果，即模糊效果语法：STYLE=filter:Blur(Add=add,Direction=direction,Strength=strength)Strength：效果增长的数值，一般5即可Add：一般为1，或0Direction：角度，0～315度，步长为45度说明：例：filter:Blur(Add=1,Direction=45,Strength=5)6.3CSS滤镜（3）滤镜：Chroma制作专用颜色透明语法：STYLE=filter:Chroma(Color=color)color：#rrggbb格式，任意。说明：例：filter:Chroma(Color=#FFFFFF)6.3CSS滤镜（4）滤镜：DropShadow创建对象的固定影子语法：STYLE=filter:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)Offy：Y轴偏离值。Color:#rrggbb格式，任意。Positive：1或0。Offx：X轴偏离值。说明：例：filter:DropShadow(Color=#6699CC,OffX=5,OffY=5,Positive=1)6.3CSS滤镜（5）滤镜：FlipH创建水平镜像图片语法：STYLE=filter:FlipH例：filter:FlipH（6）滤镜：FlipV创建垂直镜像图片语法：STYLE=filter:FlipV例：filter:FlipV（14）滤镜：Xray使对象变得像被x光照射一样语法：STYLE=filter:Xray例：filter:Xray1．6.3CSS滤镜（7）滤镜：glow加光辉在附近对象的边外语法：STYLE=filter:Glow(Color=color,Strength=strength)Strength：强度(0－100)Color：发光颜色。FinishOpacity：目标值。说明：例：filter:Glow(Color=#6699CC,Strength=5)6.3CSS滤镜（8）滤镜：gray把图片灰度化语法：STYLE=filter:Gray例：filter:Gray（9）滤镜：invert反色语法：STYLE=filter:Invert例：filter:Invert（10）light：创建光源在对象上语法：style=filter:light(enabled=0|1)例：filter:light(enabled=1)（11）滤镜：mask创建透明掩膜在对象上语法：STYLE=filter:Mask(Color=color)例：filter:Mask(Color=#FFFFE0)TheEnd第六章CSS层叠样式表内容提要6.1CSS的基本概念6.2如何使用DreamweaverCS3建立CSS6.3CSS滤镜6.1CSS的基本概念6.1.1样式和规则6.1.2层叠和顺序6.1.1样式和规则CSS样式选择符（s