十.css 滤境的详细介绍1
alpha 属性
【alpha滤镜属性】这个名字,在flash和photoshop经常见到。它们的作用基本类似,就是把一个目标元素与背景混合。你可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标,可以指定点、线、面的透明度。由于“alpha”滤镜的参数多,我们先来看一下下图:
“opacity”:代表透明度程度。范围是从0~100,他们其实是百分比的形式。也就是说,0代表完全透明,100代表完全不透明。
“finishopacity”:是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。
“style”:指定了透明区域的形状特征。其中0代表统一形状、1代表线形、2代表放射状、3代表长方形。
“startx”和“starty”:代表渐变透明效果的开始x和y坐标。
“finishx”和“finishy”:代表渐变透明效果结束x和y坐标。
blendtrans 属性
【blendtrans属性】淡入淡出的效果滤镜,能产生极精细的图片转换效果。
blendtrans滤镜功能也比较单一,只有一个参数:duration(变换时间)。需要借助于 javascript来调用它的方法来实现转换功能。使用blendtrans滤镜,首先您要准备几张宽高尺 寸相同的图片,并分别命名,保存在图像目录下,如:images/*.jpg。如果用4幅的话,分别 取名为:blen1.jpg; blen2.jpg; blen3.jpg;blen4.jpg。
blur属性
【blur属性】把blur滤镜加载到文字上,可产生立体字的效果,加载到图片上,可以产生风吹模糊效果。不仅美化了网页,也为你的网页减轻了分量。
下面介绍一下blur滤镜的参数,以便你灵活应用:
add:是否让blur滤镜起作用,add=false(或“0”)时blur滤镜不起作用,取true(或非“0”值)时blur滤镜起作用,只有两个值,即true和false;
direction:阴影的方向,取值范围0~360度,45度一个间隔,所以实际上只有八个方向值;
strength:它代表有多少个像素的宽度成为阴影,你也可以简单地理解为阴影的长度。它只能用整数来指定,默认值是5个像素,你可以根据实际需要来指定阴影的长度。我上面的两个图片例 [1] [2] 下一页
|