大家先从较简易的刚开始，详细介绍几个沒有主要参数的滤镜。
1.Gray滤镜
Gray滤镜的功效是造成黑与白实际效果
应用方式：
下列是引入片断：
<img src="a.gif" style="filter:gray">
2.Invert滤镜
Invert滤镜的功效是反色实际效果
应用方式：
下列是引入片断：
<img src="a.gif" style="filter:invert">
3.Xray滤镜
Xray滤镜的功效是造成X光实际效果
应用方式：
下列是引入片断：
<img src="a.gif" style="filter:xray">
4.fliph和flipv
fliph滤镜的功效是造成水平旋转实际效果;flipv滤镜的功效是造成竖直旋转实际效果
应用方式：
下列是引入片断：
<img src="a.gif" style="filter:fliph">或<img src="a.gif" style="filter:flipv">
5.alpha滤镜
alpha滤镜功效关键是对照片的全透明度开展解决
应用方式：
下列是引入片断：
<img src="a.gif" style="filter:alpha(opacity=value1,finishopacity=value2,style=value3)">
表明：value1为照片的全透明值，范畴是0(彻底全透明)～100(彻底不全透明)
value2为照片全透明度转换完毕时的全透明值，范畴是0(彻底全透明)～100(彻底不全透明) 注：该值仅有在value3设置时才合理
value3为照片全透明度转换方位。赋值为1时，照片全透明度按从左到右线形转变;赋值为2时，照片全透明度从内到外沿半径转变;赋值为3时，照片全透明度从内到外呈矩形框转变
例：
下列是引入片断：
<img src="a.gif" style="filter:alpha(opacity=0,finishopacity=60,style=2)">
6.shadow滤镜
shadow滤镜的功效是造成黑影实际效果
应用方式：
下列是引入片断：
<img src="a.gif" style="filter:shadow(color=value1,direction=value2)">
表明：value1为黑影的色调值，如000000表明黑色
value2为光源直射角度，如135
例：
下列是引入片断：
<img src="a.gif" style="filter:shadow(color=000000,direction=135)">
7.wave滤镜
wave滤镜的功效是使照片造成歪曲实际效果
应用方式：
下列是引入片断：
<img src="a.jpg" style="filter:wave(add=value1,freq=value2,lightstrength=value3,phase=value4,strength=value5)">
表明：value1的赋值为1时，将原照片提升四处理过的照片上;为0时，则不提升
value2为视觉效果歪曲的波浪纹数
value3是波形亮度百分比，赋值范畴为0～100
value4为正弦波刚开始偏位的原始量，赋值范畴为0～100
value5为波形实际效果的强度
例：
下列是引入片断：
<img src="a.jpg" style="filter:wave(add=0,freq=5,lightstrength=50,phase=0,strength=5)">
下面大家举1个简易的事例，访问时会出現这样的1个实际效果：网页页面上有1个基本上全透明的图象，当电脑鼠标移到图象上时，图象渐渐地变清楚;当电脑鼠标移开时，图象又修复到原先的全透明情况。
要完成这个作用，必须应用到CSS的alpha滤镜，并用javascript来操纵alpha滤镜的Opacity值，首如今网页页面中插进1个照片，并设置alpha滤镜的opacity值，让照片全透明，照片编码为：
下列是引入片断：
<img src="a.gif" id="me" style="FILTER:alpha(Opacity=20)">.
javascript编码以下：
下列是引入片断：将上面的编码添加<head></head>中，随后给照片添加onMouseOver和onMouseOut姿势，即
下列是引入片断：
<img src="a.gif" id="me" style="FILTER:alpha(Opacity=20)" onMouseOver="ch('add')" onMouseOut="ch('dec')">.