CSS的内容过渡方式大体上分为两种：淡入淡出（BlendTrans）和动态效果（RevealTrans）。
淡入淡出的语句格式为：STYLE="Filter:blendTrans(duration=N)"（N 代表数字，下同）；其中的duration表示过渡动作所耗时间，以秒为单位。
例：如果要将图片1.jpg在1秒钟淡出为2.jpg，使用样式如下：
<img ID="im" src="1.jpg" STYLE="Filter:blendTrans(duration=N)">
同时需用Javascript语句控制：
function playTrans(){
im.filters.blendTrans.apply(); //声明：此处绝非im.STYLE.filters
im.src="2.jpg";
im.filters.blendTrans.play();
}
动态效果的语句格式为：STYLE="Filter:revealTrans(duration=N,transition=N)"；其中的transition代表所使用的效果（共22种），列表如下：
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 随机选择以上效果
其样式与Javascript控制语句类似于BlendTrans：
<img ID="im" src="1.jpg" style="filter:revealTrans(duration=1,transition=0)">
function playTrans(){
im.filters.revealTrans.apply();
im.src="2.jpg";
im.filters.revealTrans.play();
}
例：在页面间使用淡入淡出效果，在<head>与</head>之间加入如下语句：
<META HTTP-EQUIV="page-exit" CONTENT="blendTrans(duration=2)">
或者
<META HTTP-EQUIV="page-enter" CONTENT="blendTrans(duration=2)">