用代码制作图片羽化效果(2010-04-21 14:13:19)
来源:百度文库 编辑:神马文学网 时间:2024/07/02 16:25:15
用代码制作图片羽化效果(2010-04-21 14:13:19)分类:html代码学习
在羽化图片上还可用绝对定位加叠文字、图片和Flash等内容,代码如下:
用代码制作图片羽化效果
图片羽化也有的叫雾化,就是用图像软件或代码制作,使图片边缘产生朦胧的美化效果。代码作图片羽化的方法很容易,用html贴图标签加入css样式表滤镜属性和属值语句即可.祥细内容如下:
⑴ html贴图标签:
⑵ css样式表滤镜属性和属值语句:
s="FILTER: alpha(opacity=100,s=2)"
⑶ 用代码制作图片羽化模式:
说明:
◆
◆FILTER 属性名称:滤镜
◆alpha 属值:透明程度.
◆opacity 启始值0-100,0为透明,100为原图,通常是100.
◆s=2或3,羽化效果,2为圆形,3为矩形.
图片羽化(圆形)代码实例:
说明:
◆关键语句:opacity=100,s=2
图片羽化(矩形)代码实例
说明:
◆关键语句:opacity=100,s=3
R>
羽化图片再加上移动标签,也可作各种方向移动,例如来回走的代码
在羽化图片上还可用绝对定位加叠文字、图片和Flash等内容,代码如下:
草原牧埸
说明:
◆TABLE s=表格标签套用样式表标记.
◆POSITION: relative 样式表语句:相对定位,作为绝对定位的容框.
◆