HTML+CSS+JavaScript第六章幻灯片.pptVIP

图6-9 设置模糊效果 6.3.3 Chroma Chroma滤镜用来将一个元素中的指定颜色设为透明色，其语法格式如下： filter:Chroma(Color=color) Color是指需要设为透明的颜色值，其属性值可以是关键字或RGB值。 【例6-8】 定义样式.p1将颜色值为#00CC00的颜色均设为透明色，定义样式.p2将颜色值# CC0000的颜色设为透明色。样式代码如下： .p1{filter:Chroma(Color=#00CC00)} .p2{filter:Chroma(Color=#CC0000)} 网页中的元素应用这些样式后，在浏览器中的显示效果如图6-10所示。 图6-10 设置透明色 6.3.4 Shadow和DropShadow Shadow和DropShadow滤镜都可以用来设置目标元素的投影效果，二者在效果和语法格式上稍有不同。Shadow的投影是从原始元素延伸出的投影，而Dropshadow的投影距原始元素有一定的位移效果。Shadow和Dropshadow滤镜的语法格式分别如下： filter:Shadow(Color=color, Direction= direction) filter: DropShadow(Color=color, OffX=offx, OffY=offy, Positive=positive) 6.3.4 Shad