一些常用的图片滤镜效果

清音王梓 发表于 2008-1-6 14:25

<P><FONT size=3><FONT color=red>一.圆形朦胧</FONT></FONT></P><FONT size=3><FONT color=#ff0000></FONT>
<P><BR><TABLE style="FILTER: Alpha(opacity=100,style=2)" height=高度 cellSpacing=0 cellPadding=0 width=宽度 align=center background=图片地址 border=0><BR> <TBODY><BR>    <TR><BR>          <TD></TD><BR>    </TR><BR> </TBODY><BR></TABLE></P>
<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=556 cellSpacing=0 cellPadding=0 width=800 align=center background=http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<P><BR><FONT color=red>二:方形朦胧</FONT></P>
<P><BR><TABLE style="FILTER: Alpha(opacity=100,style=3)" height=图片高度 width=图片宽度 cellSpacing=0 cellPadding=0 width="100%" align=center background=图片地址 border=0><BR><TBODY><BR><TR><BR><TD></TD></TR></TBODY></TABLE></P>
<TABLE style="FILTER: Alpha(opacity=100,style=3)" height=556 cellSpacing=0 cellPadding=0 width=800 align=center background=http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<P><BR><FONT color=red>三:加滤镜1</FONT></P>
<P><BR><TABLE style="FILTER: blur(strength=100)" height=图片高度 cellSpacing=0 cellPadding=0 width=图片宽度 align=center background=图片地址 border=0><BR> <TBODY><BR>    <TR><BR>          <TD></TD><BR>    </TR><BR> </TBODY><BR></TABLE></P>
<TABLE style="FILTER: blur(strength=100)" height=556 cellSpacing=0 cellPadding=0 width=800 align=center background=http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<P><BR><FONT color=red>四:加滤镜2</FONT></P>
<P><BR><TABLE style="FILTER: gray" height=图片高度 cellSpacing=0 cellPadding=0 width=图片宽度 align=center background=图片地址 border=0><BR> <TBODY><BR>    <TR><BR>          <TD></TD><BR>    </TR><BR> </TBODY><BR></TABLE></P>
<TABLE style="FILTER: gray" height=556 cellSpacing=0 cellPadding=0 width=800 align=center background=http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<P><BR><FONT color=red>五:加滤镜3</FONT></P>
<P><BR><TABLE style="FILTER: invert" height=图片高度 cellSpacing=0 cellPadding=0 width=图片宽度 align=center background=图片地址 border=0><BR> <TBODY><BR>    <TR><BR>          <TD></TD><BR>    </TR><BR> </TBODY><BR></TABLE></P>
<TABLE style="FILTER: invert" height=556 cellSpacing=0 cellPadding=0 width=800 align=center background=http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<P><BR><FONT color=red>六:加滤镜4</FONT></P>
<P><BR><TABLE style="FILTER: xray" height=图片高度 cellSpacing=0 cellPadding=0 width=图片宽度 align=center background=图片地址 border=0><BR> <TBODY><BR>    <TR><BR>          <TD></TD><BR>    </TR><BR> </TBODY><BR></TABLE></P>
<TABLE style="FILTER: xray" height=556 cellSpacing=0 cellPadding=0 width=800 align=center background=http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<P><BR><FONT color=red>七:加滤镜5</FONT></P>
<P><BR><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><BR> <TBODY><BR>    <TR><BR>          <TD></TD><BR>    </TR><BR> </TBODY><BR></TABLE></FONT></P>
<TABLE style="FILTER: wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)" height=556 cellSpacing=0 cellPadding=0 width=800 align=center background=http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<P><FONT size=3>注：此滤镜可以直接加在 <img>代码中只需要把写成<img style="'>把style复制既可以！大家可以多试试！</FONT></P>

笑寒发表于 2008-1-6 15:29

添加看看效果
<DIV style=\"FILTER: Alpha(opacity=100,finishOpacity=0,style=1); WIDTH: 400px; HEIGHT: 256px; moz-opacity: 1\"><IMG height=256 src=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\" width=400 border=0></DIV>
<P>代码:</P>
<P><DIV style=\"FILTER: Alpha(opacity=100,finishOpacity=0,style=1); WIDTH: 400px; HEIGHT: 256px; moz-opacity: 1\"><IMG height=256 src=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\" width=400 border=0></DIV></P>

笑寒发表于 2008-1-6 15:39

呵呵~~效果还可以,那就再来添加: 模糊:
<DIV style=\"FILTER: Blur(direction=135,color=#FFFFFF); WIDTH: 410px; HEIGHT: 281px\" align=center><BR><IMG height=256 src=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\" width=400 border=0></DIV>
<P>代码:</P>
<P><div style=\"filter:Blur(direction=135,color=#FFFFFF);width:410;height:281\" align=center><br><img src=\"<A href=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\">http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg</A>\" height=\"256\" width=\"400\" border=\"0\"></div></P>
<P> </P>
<P> </P>水波:
<DIV style=\"FILTER: Wave(freq=7,strength=12,lightstrength=5,phase=0); WIDTH: 410px; HEIGHT: 281px\" align=center><BR><IMG height=256 src=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\" width=400 border=0></DIV>
<P>代码:</P>
<P><div style=\"filter:Wave(freq=7,strength=12,lightstrength=5,phase=0);width:410;height:281\" align=center><br><img src=\"<A href=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\">http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg</A>\" height=\"256\" width=\"400\" border=\"0\"></div></P>阴影:
<DIV style=\"FILTER: Shadow(direction=135,color=#4A7AC9); WIDTH: 424px; HEIGHT: 290px\" align=center><BR><IMG height=256 src=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\" width=400 border=0></DIV>
<P>代码:</P>
<P><div style=\"filter:Shadow(direction=135,color=#4A7AC9);width:424;height:290\" align=center><br><img src=\"<A href=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\">http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg</A>\" height=\"256\" width=\"400\" border=\"0\"></div></P>发光:
<DIV style=\"FILTER: Glow(strength=12,color=#4A7AC9); WIDTH: 424px; HEIGHT: 290px\" align=center><BR><IMG height=256 src=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\" width=400 border=0></DIV>
<P>代码:</P>
<P><div style=\"filter:Glow(strength=12,color=#4A7AC9);width:424;height:290\" align=center><br><img src=\"<A href=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\">http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg</A>\" height=\"256\" width=\"400\" border=\"0\"></div></P>翻转:
<DIV style=\"FILTER: FlipH(); WIDTH: 400px; HEIGHT: 256px\"><IMG height=256 src=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\" width=400 border=0></DIV>
<P>代码:</P>
<P><div style=\"filter:FlipH();width:400;height:256\"><img src=\"<A href=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\">http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg</A>\" height=\"256\" width=\"400\" border=\"0\"></div></P>

飞雪残月 发表于 2008-1-11 15:09

<TABLE style=\"FILTER: Alpha(opacity=100,style=3)\" height=770 cellSpacing=0 cellPadding=0 width=1024 align=center background=http://pic.yupoo.com/345265398/972964e9b87d/large/ border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

[ 本帖最后由 feixuecanyue 于 2008-1-11 15:10 编辑 ]

飞雪残月 发表于 2008-1-11 15:11

学习了,多谢王子~~~~~~~~~~~

雄杰独倚 发表于 2008-1-12 08:50

笑寒也在这里啊!到处都能听到你的大名呢

鳕嫘发表于 2008-1-26 21:07

雄杰独倚 发表于 2008-1-26 22:42

收藏起来了谢谢楼主

无名发表于 2008-2-22 15:00

雄杰独倚 发表于 2008-2-25 01:01

楼上的，怎么了！有问题吗？？

页: [1] 2 3

中画网's Archiver

一些常用的图片滤镜效果