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

来源:百度文库 编辑:神马文学网 时间:2024/07/02 16:25:15
用代码制作图片羽化效果(2010-04-21 14:13:19)分类:html代码学习

 

用代码制作图片羽化效果

  图片羽化也有的叫雾化,就是用图像软件或代码制作,使图片边缘产生朦胧的美化效果。代码作图片羽化的方法很容易,用html贴图标签加入css样式表滤镜属性和属值语句即可.祥细内容如下:
  ⑴ html贴图标签:  
      
  ⑵ css样式表滤镜属性和属值语句:  
   s="FILTER: alpha(opacity=100,s=2)"   
  ⑶ 用代码制作图片羽化模式:  
  
  说明:
  ◆  ◆s=套用css样式表标记.
  ◆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 样式表语句:相对定位,作为绝对定位的容框.
  ◆