分享

图片滤镜效果14种(附代码)

 一滴水——lmh6729 2008-07-10

 

 

1---均匀柔边效果

 

 

2---线状柔边效果(左往右)




3---圆形柔边效果(外向内)




4---圆形柔边效果(内向外)




5---灰色效果




6---X光效果




7---色彩对换效果

 



8---左右翻转效果

 

9---上下翻转效果

 

 

 

10---发光效果

 

 


 

 

11---投射阴影效果
 

 

 

12---模糊效果

 

 

 

13---波形效果
 

 

 

14---波形加上半透明合成效果
 

1---均匀柔边效果


<img src="图片地址" style="filter:alpha(opacity=25, finishOpacity=25,style=0)">

 

2---线状柔边效果(左往右)


<img src="图片地址" style="filter:alpha(opacity=0, finishOpacity=100,style=1)">

 

3---圆形柔边效果(外向内)


<img src="图片地址" style="filter:alpha(opacity=100, finishOpacity=0,style=2)">

 

4---圆形柔边效果(内向外)


<img src="图片地址" style="filter:alpha(opacity=100, finishOpacity=0,style=3)">

 

5---灰色效果


<img src="图片地址" style="filter: gray">

 

6---X光效果


<img src="图片地址" style="filter: Xray">

 

7---色彩对换效果


<img src="图片地址" style="filter:invert">

 

8---左右翻转效果


<img src="图片地址" style="filter:FlipH()">

 

9---上下翻转效果


<img src="图片地址" style="filter:FlipV()">

 

10---发光效果


<DIV style="FILTER: Glow(color=#4A7AC9,strength=12); WIDTH: 488px; HEIGHT: 324px"

align=center><IMG src="图片地址"></DIV>

 

11---投射阴影效果


<DIV style="FILTER: ropshadow(color=#333333,offX=5,offY=5); WIDTH: 478px; HEIGHT: 295px"

align=center>
<IMG src="图片地址"></DIV>

 

12---模糊效果


<DIV style="FILTER: Blur(direction=135); WIDTH: 488px; HEIGHT: 324px" align=center>
<IMG src="图片地址"></DIV>

 

13---波形效果


<DIV style="FILTER: Wave(freq=7,strength=12,lightstrength=5,phase=0); WIDTH: 488px; HEIGHT:

324px">
<IMG src="图片地址"></DIV>

 

14---波形加上半透明合成效果


<DIV style="FILTER: Wave(freq=7,strength=12,lightstrength=5,phase=0); WIDTH: 488px; HEIGHT:

324px">
<img src="图片地址" style="filter:Alpha(opacity=100,finishOpacity=0,style=2)"></DIV>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多