A.半透明合成：

lordzhu代码：

<img src="图片" style="filter:Alpha(■)">
或
<div style="filter:Alpha(■) ;width:图宽;height:图高"><img src="图片"></div>

B.诙谐、Ｘ光效果、色彩对换(互补色)：

HTML代码：

诙谐:
<img src="图片" style="filter:Gray">
或
<div style="filter:Gray ;width:图宽;height:图高"><img src="图片"></div>

Ｘ光效果:
<img src="图片" style="filter:Xray">
或
<div style="filter:Xray ;width:图宽;height:图高"><img src="图片"></div>

色彩对换:
<img src="图片" style="filter:Invert">
或
<div style="filter:Invert ;width:图宽;height:图高"><img src="图片"></div>

C.翻转：

HTML代码：

左右翻转:
<img src="图片" style="filter:FlipH">
或
<div style="filter:FlipH ;width:图宽;height:图高"><img src="图片"></div>

上下翻转:
<img src="图片" style="filter:FlipV">
或
<div style="filter:FlipV ;width:图宽;height:图高"><img src="图片"></div>

D.發光效果：

HTML代码：

<div style="filter:Glow(■);width:滤镜宽;height:滤镜高" align=center><br><img src="图片"></div>

E.投射阴影效果：

lordzhu代码：

<div style="filter:Shadow(■);width:滤镜宽;height:滤镜高" align=center><br><img src="图片"></div>

F.附阴影效果：

HTML代码：

<div style="filter:Dropshadow(■);width:滤镜宽;height:滤镜高" align=center><br><img src="图片"></div>

G.模糊效果：

HTML代码：

<div style="filter:Blur(■);width:滤镜宽;height:滤镜高" align=center><br><img src="图片"></div>

H.波形效果：

HTML代码：

<div style="filter:Wave(■);width:滤镜宽;height:滤镜高" align=center><br><img src="图片"></div>

但是 现在我们有一个很好的"图片滤镜生成器"

进入后 即可弄出以上所有的滤镜效果啦

再次谢谢小绿人!

主站  留言  首页  Link 提问