一些常用的图片滤镜效果

橄榄树

一些常用的图片滤镜效果

一.圆形朦胧

<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>

二:方形朦胧

<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>

三:加滤镜1

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

四:加滤镜2

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

五:加滤镜3

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

六:加滤镜4

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

七:加滤镜5

<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>

 

水波:

代码:

<div style="filter:Wave(freq=7,strength=12,lightstrength=5,phase=0);width:410;height:281" align=center><br><img src="http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg" height="256" width="400" border="0"></div>

阴影:

代码:

<div style="filter:Shadow(direction=135,color=#4A7AC9);width:424;height:290" align=center><br><img src="http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg" height="256" width="400" border="0"></div>

发光:

代码:

<div style="filter:Glow(strength=12,color=#4A7AC9);width:424;height:290" align=center><br><img src="http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg" height="256" width="400" border="0"></div>

翻转:

代码:

<div style="filter:FlipH();width:400;height:256"><img src="http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg" height="256" width="400" border="0"></div>

 

 

 

 

 

注：此滤镜可以直接加在 <img>代码中只需要把写成<img style="'>把style复制既可以！大家可以多试试！

晓风残月

效果可以直接用代码来做？晕，偶不太懂了

紫凝雪

好漂亮的效果,只是不太会用

右手年华

谢谢，这样就方便发贴了。

心络羽儿

原帖由 晓风残月 于 2008-3-22 09:01 发表
效果可以直接用代码来做？晕，偶不太懂了

复制代码，换掉图片地址就OK了。谢谢橄榄树！

雨露

很漂亮的效果
谢谢橄榄分享

蓝色星空

不是很明白，先收起来

没见过

很不错哇支持了

镜头光晕

看不到效果,全是代码

晓霞花影

效果可以直接用代码来做？