下面给出了html示例代码和包含在其中的css代码，里面用的图片为fd.jpg，复制代码，并将一张图片命名为fd.jpg即可看到全部效果
| 滤镜属性 | 描述 | 参数和取值 | 效果示例 |
| Alpha | 设置透明效果 | opacity:透明度等级，0到100，0为完全透明 style:指定透明区域形状特征，0为均匀分布；1为线形；2为放射状；3为长方形 finishopacity:设置渐变结束时的透明度，达到渐变效果，值从0到100 startX,startY:渐变透明效果开始坐标 finishX,finishY:渐变透明效果结束坐标 |
|
| Blur | 建立模糊效果 | add:指定图片是否改变为模糊效果，true和false direction:设置模糊方向，0度代表垂直向上，每45度为一个单位，默认向左270度 strength:代表多少个像素的宽度受到模糊影响，默认为5 | GOOD LUCK ! |
| Chroma | 把指定的颜色设置为透明 | color:指定透明颜色 | chroma 示例 |
| DropShadow | 建立一种偏移的影像轮廓，即投射阴影 | color:投影的颜色 offx,offy:x,y方向阴影的偏移量 positive:true为任何非透明像素建立阴影，false为透明像素建立阴影 | dropshadow示例 |
| FlipH | 水平反转 | 无 | 水平反转 |
| FlipV | 垂直反转 | 无 | 垂直反转 |
| Glow | 为对象的外边界增加光效 | color:指定发光的颜色 strength:发光的强度 | GLOW示例 |
| Gray | 降低图片的彩色度，变成灰度图 | 无 |  |
| Invert | 将色彩、饱和度以及亮度值完全反转建立底片效果 | 无 | |
| Light | 在一个对象上进行灯光投影 | no | no |
| Mask | 为一个对象建立透明膜 | color:指定掩膜的颜色 | MASK示例 |
| Shadow | 建立一个对象的固体轮廓，即阴影效果 | color:投影颜色 direction:投影方向 | SHADOW示例 |
| Wave | 在X轴和Y轴方向利用正弦波纹打乱图片 | add:true代表按波浪式打乱，false不打乱 freq:生成波纹的频率（产生多少个波纹) lightstrength:使生成的波纹增强效果（值为0到100） phase:设置正弦波开始的偏移量，通用0，可达100 strength:设置正弦波的振幅 | WAVE 示例 |
| Xray | 只显示对象的轮廓 | 无 | |