CSS强大的滤镜效果，直接嵌入HTML图片标签里，给网页会增色不少。下面是单个介绍不同的滤镜效果，其实，这些单个的效果，很多都可以综合使用的，使不同的效果同时出现在同一张图片上。
综合表达式 <img src=图片 width＝宽 height＝高 style=filter:效果1 效果2 ...>
例如：<img src=08.jpg width=512 height=184 style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) flipv xray">就是波纹wave、垂直翻转flipv和X射线xray三种效果的综合。
一：alpha效果
1: 整体改变图片的透明度
<img src=图片地址 width=图片宽度 height=图片高度 style=filter:alpha(opacity=透明度值);>
【Opacity代表透明度等级，可选值从0到100，0代表完全透明，100代表完全不透明。】
2: 形状改变图片的透明度
<img src=图片地址 width=图片宽度 height=图片高度 style=filter:alpha(style=形状值);>
【style的值可以为0或1或2或3，其中：0代表统一形状；1代表线形；2代表放射状；3代表长方形。】
3: 整体和形状配合使用
<img src=图片地址 width=图片宽度 height=图片高度 style=filter:alpha(style=形状值 opacity=透明度起始值 finishopacity=透明度终止值);>
【opacity和style的设置与上面的1、2相同 finishiopacity值自己设定，可要可不要】
二：Flip（翻转）效果
1：水平翻转
<img src=图片地址 width=图片宽度 height=图片高度 style=filter:fliph>
2：垂直翻转
<img src=图片地址 width=图片宽度 height=图片高度 style=filter:flipv>
三：Gray效果
Gray属性把一张图片变成灰度图。
<img src=图片地址 width=图片宽度 height=图片高度 style=filter:gray>
四：Invert效果
Invert属性可以把对象的可视化属性全部翻转，包括色彩、饱和度和亮度值,产生底片效果。
<img src=图片地址 width=图片宽度 height=图片高度 style=filter:invert>
五：Xray效果
Xray就是X射线的意思。
Xray属性，顾名思义，这种属性产生的效果就是使对象看上去有一种X光片的感觉。
<img src=图片地址 width=图片宽度 height=图片高度 style=filter:xray>
六：Wave（波纹样式）
<img src=图片地址 width=图片宽度 height=图片高度 style=Filter:wave(Add=True或False Freq=频率 LightStrength=增强光效 Phase=偏移量 Strength=强度)>
【Add参数有两个参数值：True代表把对象按照波纹样式打乱；False代表不打乱；只能取其中之一。】
【Freq参数指生成波纹的频率，也就是指定在对象上共需要产生多少个完整的波纹。例如300；】
【LightStrength参数是为了使生成的波纹增强光的效果。参数值可以从0到100。】
【Phase参数用来设置正弦波开始的偏移量。这个值的通用值为0，它的可变范围为从0到100。】
【Strength=强度（0～100）】