很好-----------用代码制作图片羽化效果

来源：百度文库 编辑：神马文学网 时间：2024/04/27 23:19:37
欢迎您！启步学代码。
（游子学习笔记。 供初学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
显示效果：

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

在羽化图片上还可用绝对定位加叠文字、图片和Flash等内容，代码如下：
说明：
◆TABLE style=表格标签套用样式表标记．
◆POSITION: relative　样式表语句：相对定位，作为绝对定位的容框．
◆',2)">
◇击点打开html代码浏览器◇

原创编辑：游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编
（为了让更多网友学用html代码制作音画贴，本贴欢迎转载．但是．我用了很多时间和精力编写这些资料的，转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢！）
很好-----------用代码制作图片羽化效果 用代码制作图片羽化效果2 用代码制作图片羽化效果. 用代码制作图片羽化效果(2010-04-21 14:13:19) 用Html代码制作图片雾化效果 用代码制作图片拉幕效果 图片羽化----html代码 图片羽化代码12 立体图片的制作及代码很好 用移动制作图片变化效果_Html代码交流_ 代码制作图片拉幕效果 制作抽丝效果图片的代码 图片羽化效果后上面加文字 （十）用HTML代码制作的各种图片效果(淡化边缘效果) 用FLASH做羽化效果(二) 图片羽化 （十五）图片羽化加透明FLASH代码 图片处理效果代码 用U5制作风吹动效果图片 用移动制作图片变化效果 用U5制作风吹动效果图片 用PHOTOSHOP制作闪光的图片效果 制作立体图片代码 [图片+ＦＬＡＳＨ]制作代码