CSS层叠样式表淡化图像

数码时尚

张文

　　网页设计中，将图像淡化会给人一种很炫很酷的感觉。以下笔者将在Dreamweaver下用CSS完成这一特效。

　　1.在网页文件中的＜head＞＜/head＞间插入如下的CSS代码：

　　＜style type="text/css"＞

　　＜!--

　　.alpha { filter: Alpha(Opacity=30, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=100)}

　　--＞

　　＜/style＞

　　其中alpha是可以自定义的类别名；filter表示滤镜属性；Opacity代表淡化的程度，取值1-100；FinishOpacity：结束时的淡化程度，取值1-100；Style：淡化的方式，取0、1、2、3时分别代表均匀淡化、线状淡化、放射状淡化、矩形淡化；StartX和StartY表示开始淡化处的坐标；FinishX和FinishY表示结束淡化处的坐标。

　　2.插入图像，在HTML代码容器＜img src="图像路径/图像文件名"＞中加入class="alpha"后就可以调用过滤属性的alpha样式了。赶快预览一下吧！