制作精美图片特效 - 闲散人也的日志 - 网易博客

制作精美图片特效

 

一、雾化效果代码

<IMG style="FILTER: Alpha(Opacity=100,Style=2); WIDTH: 510px; HEIGHT: 378px" src="图片地址">

效果1：

代码：

<P align=center><IMG style="FILTER: Alpha(Opacity=100,Style=2); WIDTH: 510px; HEIGHT: 358px" src="//image9.360doc.com/DownloadImg/2010/04/2809/3028142_1.jpg">

效果2：

代码：

<P align=center><TABLE align=center border=0><TOBDY><TBODY><TR><TD style="FILTER: Alpha(opacity=300,style=3)" width=510 background=http://image9.360doc.com/DownloadImg/2010/04/2809/3028142_1.jpg height=378></TD></TR></TBODY></TABLE>

效果（加入flash）3：

 

代码：

<P align=center><TABLE cellSpacing=0 cellPadding=0 width=0 border=0><TBODY><TR><TD style="FILTER: Alpha(opacity=100,style=2)" width=378 background=http://image9.360doc.com/DownloadImg/2010/04/2809/3028142_2.jpg height=526><EMBED style="WIDTH: 378px; HEIGHT: 526px" src=http://imgfree.21cn.com/free/flash/61.swf type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"></P></TD></TR></TBODY></TABLE>

 

二、浮雕效果代码

<IMG style="FILTER: progid:DXImageTransform.Microsoft.Emboss(Bias=0.7);WIDTH: 510px; HEIGHT: 378px" src="图片地址" border=0>

效果：

代码：

<P align=center><IMG style="FILTER: progid:DXImageTransform.Microsoft.Emboss(Bias=0.7);WIDTH: 510px; HEIGHT: 378px" src="//image9.360doc.com/DownloadImg/2010/04/2809/3028142_1.jpg" border=0>

 

三、图片反色代码

<IMG style="FILTER: invert()" src="图片地址" border=0>

效果：

代码：

<P align=center><IMG style="FILTER: invert(); WIDTH: 440px; HEIGHT: 326px"  src="//image9.360doc.com/DownloadImg/2010/04/2809/3028142_1.jpg" border=0>

 

四、黑白效果代码

<IMG style="BORDER-RIGHT: 0px dotted; BORDER-TOP: 0px dotted; FILTER: Gray; BORDER-LEFT: 0px dotted; BORDER-BOTTOM: 0px dotted" src="图片地址" border=0>

效果：

代码：

<P align=center><IMG style="BORDER-RIGHT: 0px dotted; BORDER-TOP: 0px dotted; FILTER: Gray; BORDER-LEFT: 0px dotted; WIDTH: 440px; BORDER-BOTTOM: 0px dotted; HEIGHT: 326px" src="//image9.360doc.com/DownloadImg/2010/04/2809/3028142_1.jpg" border=0>