暗夜烛光

第一次写教程，如果有什么不清楚或是不正确的地方，希望大家能帮助指出。

Css滤镜是干什么用的呢？
我们用它来设置图像和文字的效果，让我们的页面更漂亮。
具体到在Opera模板的使用中，我们可以让自己的Blog中的文字更富有动感。我们可以把滤镜添加到自己觉得合适的文字上，自定义自己的Blog.
（仅支持IE）

比如说在Menu中，我想让鼠标移到链接上时文字发光，这时我们就可以用Glow滤镜来实现，把滤镜的代码添加到menu的属性里。

常用的几个滤镜：

1、Alpha：设置文字和图片的透明度。
2、Blur：模糊。
3、DropShadow：添加阴影。
4、Shadow：添加阴影。（这两个的不同点，在后文指出）
5、Glow:发光效果。

我使用滤镜都是用在Opera的文字效果上，所以在后文中不涉及与给图片添加滤镜的效果讲解。

1、Alpha
文字和图片的透明度。
先来看它的表达格式：

filter:alpha(opacity=...,finishopacity=...,style=...,startX=...,startY=...,finishX=...,finishY=...)

(省略号指代参数)
看似很长。我们来分析一下每个参数的作用：
Opacity：指透明度。1~100的数值表示从透明到不透明的程度。
Style:指透明区域的图像特征。数值1指线性，就是我们在PS中设置图层透明度时见到的效果。数值2指圆形放射，3指长方形放射。大家可以自己试试看。

Finishopacity：这个属性是可选的，用来设置文字或图像结束时的透明度，这可以达到一种渐变效果。
StartX，StartY：指透明效果开始的坐标。显而易见，后面的finishX,finishY指的是透明效果的结束坐标。

2、Blur
模糊
表达式：

filter:blur(add=...,direction=...,strength=...)

Add:有两个属性，ture,false,指图片或文字是否被模糊。
Direction:用来设置模糊的方向。相当于PS中动感模糊的方向，只不过在这里，它是以45度为一个单位，0~315，顺时针，默认为270。
Strength:指被模糊的幅度，只能用整数。

3、Dropshadow:
添加阴影。
表达式：

Filter:DropShadow(Color=...,Offx=...,Offy=...,Positive=...)

Color:阴影颜色。
Offx:向右偏移的数值。
Offy:向下偏移的数值。
Positive:参数有两个值：True为任何非透明像素建立可见的投影，False为透明的像素部分建立可见的投影。

4、Shadow:
上面所说的Dropshadow不可以形成有透明度的阴影，Shadow却可以实现。
表达式：

Filter:Shadow(Color=...,Direction=...)

Color:颜色。
Direction:阴影方向，与前面所说的“Blur”方向的定义方法相同，不再赘述。

5、Glow:
发光效果。
表达式：

Filter:Glow(Color=...,Strength=...)

Color:发光的颜色
Strength:强度，也就是大小，1~255逐渐增强。普通大小文字推荐值为2。

终于把这几个滤镜说完了，现在说一下怎么把滤镜效果加入CSS代码中。
还是举上面的例子，让Menu在鼠标经过时发光。
先找到Menu原先的属性：

然后我们把设置好了的代码加到里面去：

然后储存>刷新，就可以看到效果了。