CSS滤镜应用

醉月

20楼代码效果如下：

醉月

invert滤镜：反色

<TABLE border=0>
<TBODY>
<TR>
<TD style="filter:invert" width=400 background=http://www.yue.cc/bbs/UploadFile/2005-9/200592817255491232.gif height=400></TD></TR></TBODY></TABLE>

醉月

22楼代码效果如下：

醉月

blur滤镜：创建高速度移动效果，即模糊效果

<TABLE border=0>
<TBODY>
<TR>
<TD style="filter:Blur(Add=″1″,Direction=″45″,Strength=″5″)" width=400 background=http://www.yue.cc/bbs/UploadFile/2005-9/200592817255491232.gif height=400></TD></TR></TBODY></TABLE>

Add:一般为1，或0。Direction: 角度,0～315度，步长为45度。Strength: 效果增长的数值,一般5即可。

醉月

24楼代码效果如下：

醉月

FlipV滤镜：创建垂直镜像图片

<TABLE border=0>
<TBODY>
<TR>
<TD style="filter:FlipV" width=400 background=http://www.yue.cc/bbs/UploadFile/2005-9/200592817255491232.gif
height=400></TD></TR></TBODY></TABLE>

醉月

26楼代码效果如下 ：

醉月

Alpha滤镜：设置透明层次

<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(Opacity=0,FinishOpacity=75,Style=2)" width=400 background=http://www.yue.cc/bbs/UploadFile/2005-9/200592817255491232.gif
height=400></TD></TR></TBODY></TABLE>

Opacity: 起始值，取值为0～100, 0为透明，100为原图。
FinishOpacity:目标值。
Style:1或2或3

醉月

28楼代码效果如下 ：

醉月

<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(Opacity=0,FinishOpacity=75,Style=2)" width=400 background=http://www.yue.cc/bbs/UploadFile/2005-9/200592817255491232.gif
height=400></TD></TR></TBODY></TABLE>