CSS滤镜的标识符是“filter”，总体的应用上和其他的css语句相同。css滤镜可分为基本滤镜和高级滤镜两种。可以直接作用于对象上，并且立即生效的滤镜称为基本滤镜。而要配合JavaScript等脚本语言，能产生更多变幻效果的则称为高级滤镜。
滤镜只是属于IE浏览器开发下的功能，不支持IE内核的浏览器也就都不支持这些滤镜。
常用的样式表滤镜
1、α滤镜
作用：该滤镜可以实现各种溶入效果，如果大家将该滤镜与网页脚本语言结合起来，对滤镜的参数进行处理的话，就能很轻易地做出淡入淡出的效果来。
语法：
{FILTER：ALPHA(opacity=opacity，finishopacity=finishopacity，
style=style，startx=startx，starty=starty，finishx=finishx，finishy=finishy)}
2、模糊滤镜
作用：该滤镜主要是让图象产生一种模糊效果。
语法：
{filter:blur(add=add，direction=direction，strength=strength)}
3、斜影滤镜
作用：该滤镜主要是为对象建立轮廓的影子效果的，它可以在指定的方向建立物体的投影；
语法：
{filter:shadow(color=color,direction=direction)}
4、发光滤镜
作用：该滤镜可以给图象或者文字产生一种发光效果；
语法：
{filter:glow(color=color,strength=strength)}
5、灯光滤镜
作用：灯光滤镜是模拟光源来投射文字或者图象，使图象和文字能产生一定的投射效果；
语法：
{filter:light}
6、遮罩滤镜
作用：该滤镜可以为对象建立一个覆盖于表面的膜，其效果就象戴着有色眼镜看物体一样。
语法：
{filter:mask(color=color)}
7、阴影滤镜
作用：阴影滤镜就是给对象添加阴影效果，其工作原理是建立一个偏移量，加上色彩。
语法：
{filter:dropshadow(color=color,offx=offx,offy=offy,positive=positive)}
8、灰度滤镜
作用：该滤镜主要是将图象对象转换成灰度形式显示。
语法：
{filter:gray}
9、翻转滤镜
作用：翻转滤镜主要是实现图象对象的水平或者竖直翻转效果。
语法：
{filter:filph} {filter:filpv}
10、X光滤镜
作用：X光滤镜可以让对象反映出它的轮廓并把这些轮廓加亮。
语法：
{filter:xray}
11、倒置滤镜
作用：使用该滤镜可以把包括色彩、饱和度、和亮度值等对象的可视化属性全部翻转。
语法：
{filter:invert}
12、波纹滤镜
作用：波纹滤镜可以在水平和竖直方向利用正弦波打乱图象，使图象产生水波效果。
语法：
{filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)}