(供初學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　樣式表語句：相對定位，作為絕對定位的容框．

◆

總結

以上是生活随笔為你收集整理的博客图片html代码,【html博客代码】图片羽化代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。