CSS的RevealTrans动态滤镜是一个神奇的滤镜，它能产生23种动态效果，更为奇妙的是它还能在23种动态效果中随机抽用其中的一种。
两个参数Transition和Duration，分别是变换效果和持续时间，其中Duration是浮点数。
此外还有两个属性Enabled和Percent分别是是否激活滤镜和当前静态滤镜输出在转换进程中所处的点。
设置完后还需要运行apply和play方法，分别是应用变换效果和运行效果
下面列出所有效果和对应Transition值（参考手册）：
值 : 效果
0 : 矩形收缩转换。
1 : 矩形扩张转换。
2 : 圆形收缩转换。
3 : 圆形扩张转换。
4 : 向上擦除。
5 : 向下擦除。
6 : 向右擦除。
7 : 向左擦除。
8 : 纵向百叶窗转换。
9 : 横向百叶窗转换。
10 : 国际象棋棋盘横向转换。
11 : 国际象棋棋盘纵向转换。
12 : 随机杂点干扰转换。
13 : 左右关门效果转换。
14 : 左右开门效果转换。
15 : 上下关门效果转换。
16 : 上下开门效果转换。
17 : 从右上角到左下角的锯齿边覆盖效果转换。
18 : 从右下角到左上角的锯齿边覆盖效果转换。
19 : 从左上角到右下角的锯齿边覆盖效果转换。
20 : 从左下角到右上角的锯齿边覆盖效果转换。
21 : 随机横线条转换。
22 : 随机竖线条转换。
23 : 随机使用上面可能的值转换。
其中23比较特别，是随机效果，程序默认就是随机效果。
RevealTrans使用方法：style="FILTER: revealTrans(duration=2,transition=6)" 但是这个方法只对Ie有用，对firefox不起作用，我们可以在javascript里面这样设置用以过滤掉firefox：
if(navigator.appName == "Microsoft Internet Explorer"){ image.filters.revealTrans.Transition=23; image.filters.revealTrans.duration=10; }
这样，firefox依旧能正常执行以下语句。
或者，在火狐下添加IE tab plus插件 转化！
具体使用时要注意：
当你在网页中动态改变图片的连接地址时，请在地址改变前使用此滤镜。
这样，在页面的现实效果是，前一个图片会残留滤镜的作用时间，就像是新图片一点一点替换原图片一样。
Filter:revealtrans(duration=转换的秒数，transition=转换的类型）
同时还可以参考一下以下的页面转换特效：
网页变换效果（Trans）共分四大类：
"进入网页"（Page-Enter）、
"离开网页"（Page-Exit）、
"进入站点"（Site-Enter）、
"离开站点"（Site-Exit）。
每一大类又分为25个小类，先用进入网页效果来举例说明：
进入网页时的效果
1．混合效果 代码如下：
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
2．盒状收缩效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=0)">
3．盒状放射效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)">
4．圆形收缩效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=2)">
5．圆形放射效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">
6．向上擦除效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
7．向下擦除效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
8．向右擦除效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)">
9．向左擦除效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)">
10．垂直遮蔽效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)">
11．水平遮蔽效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)">
12．横向棋盘式效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)">
13．纵向棋盘式效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)">
14．随即分解效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">
15．左右向中央缩进效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)">
16．中央向左右扩展效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=14)">
17．上下向中央缩进效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)">
18．中央向上下扩展效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17)">
19．从左下抽出效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)">
20．从左上抽出效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)">
21．从右下抽出效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=20)">
22．从右上抽出效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)">
23．随机水平线条效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
24．随机垂直线条效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
25．随机效果 代码如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=2