Internet Explorer, from v4 onwards, allows page transition effects that are not part of the W3C standard.
The effects are placed within HTML metatags in the head section of the document and although they will not display in browsers other than Internet Explorer, they will not cause a problem in those browsers.
The effects can be used when entering a page, exiting a page or both. 23 different transition effects are available.
Page-Enter is used when transition is required on page entry and Page-Exit is used when transition is required on page exit.
Duration equals the length of the transition in seconds.
Transition equals the numerical value of the transition required as listed in the table below.
Numerical Value
Description
0
Box in
1
Box out
2
Circle in
3
Circle out
4
Wipe up
5
Wipe down
6
Wipe right
7
Wipe left
8
Vertical blinds
9
Horizontal blinds
10
Checkerboard across
11
Checkerboard down
12
Random dissolve
13
Split vertical in
14
Split vertical out
15
Split horizontal in
16
Split horizontal out
17
Strips left down
18
Strips left up
19
Strips right down
20
Strips right up
21
Random bars horizontal
22
Random bars vertical
23
Random
Example of a Page Transition
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=3)">
<meta http-equiv="Page-Exit" content="RevealTrans(Duration=2,Transition=2)">
</head> <body> Some content here <br> </body> </html>
The example above uses a circle out transition that lasts for 2 seconds when the page is entered and a circle in transition that lasts for 2 seconds when the page is exited.
Free Web Design Tutorials
Transition EffectsHTML Generators
