HTML雾化图片制作

1、圆形雾化效果代码

<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=图片高度 cellSpacing=0 cellPadding=0 width=图片宽度 align=center background=图片地址 border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>

如下图

2、方形雾化效果代码

<TABLE style="FILTER: Alpha(opacity=100,style=3)" height=图片高度 width=图片宽度 cellSpacing=0 cellPadding=0 width="100%" align=center background=图片地址 border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>

如下图

3、整体滤镜效果代码

<TABLE style="FILTER: blur(strength=100)" height=图片高度 cellSpacing=0 cellPadding=0 width=图片宽度 align=center background=图片地址 border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>

如下图

4、滤镜扭曲效果代码

<TABLE style="FILTER: wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)" height=图片高度 cellSpacing=0 cellPadding=0 width=图片宽度 align=center background=图片地址 border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>

如下图

5、反底兰彩滤镜效果代码

<TABLE style="FILTER: invert" height=图片高度 cellSpacing=0 cellPadding=0 width=图片宽度 align=center background=图片地址 border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>

如下图

6、反底黑白滤镜效果代码

<TABLE style="FILTER: xray" height=图片高度 cellSpacing=0 cellPadding=0 width=图片宽度 align=center background=图片地址 border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>

如下图

7、黑白滤镜效果代码

<TABLE style="FILTER: gray" height=图片高度 cellSpacing=0 cellPadding=0 width=图片宽度 align=center background=图片地址 border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>

如下图

8、height=为图片高度，width=为图片宽度，background=为图片地址可自行添加

例如

<TABLE style="FILTER: gray" height=500 cellSpacing=0 cellPadding=0 width=300 align=center background=http://img.lingimg.com/attachments/date_201402/f377b1fc6c67446f9db70babb923c5c9.jpg border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>