css——Filter:revealTrans用法
Filter:revealTrans用法
Filter:revealtrans(duration=轉換的秒數,transition=轉換的類型)
表達式中的transition參數的參數值有24中,以代號0-23來表示,分別代表24中顯示類型,具體的參數值列表如下所示:
同時還可以參考一下以下的頁面轉換特效:
網頁變換效果(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
Filter:revealtrans(duration=轉換的秒數,transition=轉換的類型)
表達式中的transition參數的參數值有24中,以代號0-23來表示,分別代表24中顯示類型,具體的參數值列表如下所示:
同時還可以參考一下以下的頁面轉換特效:
網頁變換效果(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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.