一、我们有时需要给网页中的图片或文字加一些特殊的效果，比如模糊、扭曲、阴影或者翻转等，我们一般都会想到用Photoshop等一些图形软件来处理，其实我们也可以利用CSS提供的一些滤镜来处理，这对于不熟悉Photoshop的同学来说，是非常好的一件事。滤镜主要分为视觉滤镜和渐变滤镜，视觉滤镜只可达到静态的特效效果；渐变滤镜是用于图片产生动态效果,但还用到脚本语言控制它的状态；本次在线培训主要讲网页中常用的视觉滤镜效果：
二、常用CSS视觉滤镜特效
1、blur：模糊效果
BLUR模糊效果
主要源代码：
< FONT style="FONT-SIZE: 60px; FILTER: blur(add=1,direction=60,strength=10); WIDTH: 100%; COLOR: #ff0000; line-height: 100px; FONT-FAMILY: 华文行楷"> < P align=center>< B>BLUR模糊效果< /B>< /P>< /FONT>
Blur滤镜表现的是一种模糊效果。其ADD属性是用来确定是否在运动模糊中使用原有目标，其值为0和1，0表示“否”，1表示“是”；参数Direction属性是模糊移动的波浪角度，其值为0至360度；参数Strength属性是模糊移动的距离。
2、wave：波浪效果
wave波浪效果
主要源代码：
< FONT style="FONT-SIZE: 30pt; FILTER: wave(add=0,lightstrength=80,strength=8,freq=3,phrase=60); WIDTH: 100%; COLOR: #FF0000; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">< B>wave波浪效果< /B>< /FONT>< /font>
Wave滤镜表现的是一种波浪效果。参数ADD是否显示原来的对象，其值为0和1，0表示“不显示”，1表示“显示”，默认为0；参数Lightstrength设置波浪上光的照射强度 0（弱）~100（强）；参数Strength设置波浪的振幅大小，单位为像素，数值为正数；Freq设置出现在对象上的波浪数目，以正数设置；参数phase设置正玄波起始波形位置0~100（相当将360度，划分为100份）；
3、FilpV：翻转效果
主要源代码：
< IMG src="image/filter1.jpg" style="FILTER: FlipV( );">
参数FilpV：表示水平翻转；参数FilpH：表示上下翻转；
4、alpha：雾化效果
主要源代码：
< IMG src="image/filter1.jpg" style="FILTER:alpha(opacity=100,style=2);">
Opacity：开始时的透明度。0（完全透明）~100（完全不透明）
finishOpacity：结束时的透明度。0（完全透明）~100（完全不透明）
style：渐变的形状。0：没有渐进；1：直线渐进；2：圆形渐进；3：矩形渐进
startX：渐变开始时的X坐标，度量单位为图片宽度的百分比
startY：渐变开始时的Y坐标，度量单位为图片高度的百分比
finishX：渐变结束时的X坐标，度量单位为图片宽度的百分比
finishY：渐变结束时的Y坐标，度量单位为图片高度的百分比
5、Chroma：对象中的某个颜色为透明效果 例如：style= "filter: chroma(color=#ceff9c)" color：指定对象中要变为透明的颜色
6、Dropshadow：阴影效果 例如：style= "filter: dropshadow(color=pink,offx=-5,offy=-5,positive=1)" Color：设置阴影颜色，以#rrggbb的格式
Offx：阴影相对于原始对象的水平位移量，设置值为整数，单位为像素。若水平往右移，则正数；反之为负数
Offy：阴影相对于原始对象的垂直位移量，设置值为整数，单位为像素。若垂直往下移，则正数；反之为负数
positive：设置阴影的透明度，0（透明）1（不透明）
7、Glow：产生边缘光晕的模糊效果 例如：style= "filter:glow(color=yellow,strength=10)" Color：设置边缘光晕的颜色，以#rrggbb的格式，或名称
strength：设置边缘光晕的强度大小，设置值为1~255的整数
要在图片上设置文字或对象的阴影效果时，请记得该图片需存储为gif文件，且背景颜色设为透明，否则无法看出阴影效果
8、Gray：灰色 例如：style= "filter: gray" 将对象中的颜色去除，以变成黑白的效果，gray滤镜并无参数
9、Invert：反转 例如：style= "filter: invert" 将颜色的度以及亮度值完全反转，类似于底片效果，invert滤镜并无参数
10、Mask：掩饰，假面具 例如：style= "filter: mask(color=#0000ff)" 设置对象的屏蔽效果，就好象印章一样印出模型的模样
color：设置屏蔽的颜色，以#rrggbb为格式，或名称
11、Shadow：阴影渐变 除了具备DropShadow的阴影效果外，它还多了阴影渐变的特效
Color：设置阴影的颜色，以#rrggbb为格式，或名称
direction：设置阴影的方向，总单位为360度，0代表垂直向上，并以每45度为一个单位，默认为225度
三、作业：在论坛中分别制作会员昵称、小标题等文字效果及相关图片效果
