Creating special effects such as web page transition effects in Internet Explorer using HTML META tags.

Sponsored Links

Internet Explorer transition effects for web pages

In Internet Explorer, it is possible to reveal pages using various transition effects. These effects are similar to those found in MSOffice PowerPoint.
Note: Netscape Navigator does not show Transitions and it ignores the tags.

There are at present 23 type of transitions as listed in the table below.

Numercal 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

These transitions can be used while entering or exiting a page by employing different values for http-equiv attribute in the <meta> tag.

<meta http-equiv="Page-Enter" 
content="RevealTrans(Duration=2.0,Transition=2)" />

<meta http-equiv="Page-Exit" 
content="RevealTrans(Duration=3.0,Transition=12)" />

The META tags have to be placed inside the HTML head. Duration determines the number of seconds for the transition effect and Transition supplies the type. Note: The value of Transition is a number (refer table above). Page-Enter and Page-Exit specify loading and unloading of the page.

The code above causes the page to be displayed using the circle in effect that lasts for 2 seconds. When you leave this page, by loading another document, the page randomly dissolves in three seconds to reveal the new page. Cool!


Page contents: Details on Internet Explorer web page transition effects by employing the META tags of the HTML head.

AddThis Social Bookmark Button

Recent Articles