用代码制作图片羽化效果(2010-04-21 14:13:19)

来源：百度文库 编辑：神马文学网 时间：2024/06/30 18:50:56
用代码制作图片羽化效果(2010-04-21 14:13:19)分类：html代码学习

 

用代码制作图片羽化效果

　　图片羽化也有的叫雾化，就是用图像软件或代码制作,使图片边缘产生朦胧的美化效果。代码作图片羽化的方法很容易，用html贴图标签加入css样式表滤镜属性和属值语句即可．祥细内容如下：
　　⑴ html贴图标签：　　
　　　 　　
　　⑵ css样式表滤镜属性和属值语句：　　
　　　style="FILTER: alpha(opacity=100,style=2)" 　　
　　⑶ 用代码制作图片羽化模式：　　
 　　
　　说明：
　　◆　　◆style=套用css样式表标记．
　　◆FILTER 属性名称:滤镜
　　◆alpha 属值:透明程度.
　　◆opacity 启始值0-100,0为透明,100为原图,通常是100．
　　◆style=2或3,羽化效果，2为圆形，3为矩形．

　图片羽化(圆形)代码实例：




说明：
　　◆关键语句：opacity=100,style=2

图片羽化(矩形)代码实例



说明：
　　◆关键语句：opacity=100,style=3

R>

羽化图片再加上移动标签，也可作各种方向移动，例如来回走的代码






在羽化图片上还可用绝对定位加叠文字、图片和Flash等内容，代码如下：








草原牧埸



说明：
　　◆TABLE style=表格标签套用样式表标记．
　　◆POSITION: relative　样式表语句：相对定位，作为绝对定位的容框．
　　◆ 用代码制作图片羽化效果(2010-04-21 14:13:19) 很好-----------用代码制作图片羽化效果 用代码制作图片羽化效果2 用代码制作图片羽化效果. 用Html代码制作图片雾化效果 用代码制作图片拉幕效果 图片羽化----html代码 图片羽化代码12 用移动制作图片变化效果_Html代码交流_ 代码制作图片拉幕效果 制作抽丝效果图片的代码 图片羽化效果后上面加文字 （十）用HTML代码制作的各种图片效果(淡化边缘效果) 用FLASH做羽化效果(二) 图片羽化 （十五）图片羽化加透明FLASH代码 图片处理效果代码 用U5制作风吹动效果图片 用移动制作图片变化效果 用U5制作风吹动效果图片 用PHOTOSHOP制作闪光的图片效果 制作立体图片代码 [图片+ＦＬＡＳＨ]制作代码 滚动的图片效果&代码