Creating special effects such as web page transition effects in Internet Explorer using HTML META tags.
internet explorer transition effects for web pages, transition effects in internet explorer, special effects in web pages
Internet Explorer transition effects for web pagesGo to Internet Explorer transition effects for web pagesHTML & JavaScriptGo to HTML and JavaScript tips and tricksTips and tricksGo to web development Tips and tricksHomepage

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!


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

Page URL: http://www.webdevelopersnotes.com/tips/html/ internet_explorer_transition_effects_for_web_pages.php3



Join Mailing List


Feedback/Questions




50+ web hosting FAQs

Search engine for your website

Free software from Google - The Google Pack Collection

Create your own search engine
Search WebDevelopersNotes.com