用代碼做空間日志
主講/編輯/制作:風(fēng)致嫣然
制作素材：
底圖 HTML在線編輯器：
http://ny.xmu.edu.cn/editor.asp風(fēng)致嫣然講解錄像：
原圖：
圓形漸變透明代碼：<img src="圖片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)">
效果圖：
X形漸變透明代碼：<img src="圖片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)">
效果圖
黑白效果代碼：<img src="圖片地址" style="filter:'gray'">
效果圖
X光效果（底片）代碼：<img src="圖片地址" style="filter:'xray'">
效果圖
浮雕效果代碼：<img src="圖片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()">
效果圖
上下顛倒代碼：<img src="圖片地址" style="filter:flipv">
效果圖
左右顛倒代碼：<img src="圖片地址" style="filter:fliph">
效果圖
色彩顛倒代碼：<img src="圖片地址" style="filter:invert">
效果圖
粒狀陰影代碼：<img src="圖片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)">
效果圖
水波效果代碼：<img src="圖片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)">
效果圖
人物的水波效果不好，風(fēng)景畫的水波效果還是不錯(cuò)的，朋友們可以試試。
凹進(jìn)框代碼：<img src="圖片地址" style="border:50 inset #ff88ff">
凸出框代碼：<img src="圖片地址"style="border:50 outset #ff88ff">
虛線框代碼：<img src="圖片地址" style="border:8 dashed #ff0000">
凹槽框代碼：<img src="圖片地址" style="border:50 groove green" border="0">
脊?fàn)羁虼a：<img src="圖片地址" style="border:50 ridge green" border="0">
凹進(jìn)框效果圖
（其它效果朋友們自己去試，顏色和寬度都可以自定）
閃光字代碼：<TABLE style="BACKGROUND-IMAGE: url(字體圖片)" cellSpacing=0 cellPadding=0 align=center tbody="tbody" table="table">
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE style="BACKGROUND-IMAGE: url(圖片背景)" align=center tbody="tbody" table="table">
<TBODY>
<TR>
<TD align=middle>
<P><FONT style="FONT-WEIGHT: normal; FONT-SIZE:150pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文行楷 color=#336699><B>竹 塢</B></FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
效果圖：
竹塢
投影字代碼：<DIV style="FILTER: shadow(color=#00ff00, strength=60); WIDTH: 600px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩云 color=#fff000>竹塢歡迎你!QQ344802476</FONT></DIV>
