用代码做空间日志
主讲/编辑/制作:风致嫣然
制作素材：
   底图 
HTML在线编辑器：http://ny./editor.asp
风致嫣然讲解录像：
原图：
 
圆形渐变透明代码：<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)">
效果图
人物的水波效果不好，风景画的水波效果还是不错的，朋友们可以试试。
凹进框代码：<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">
脊状框代码：<img src="图片地址" style="border:50 ridge green" border="0">
凹进框效果图
（其它效果朋友们自己去试，颜色和宽度都可以自定）
闪光字代码：<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>
|
