Share this page 

Cool page transitionTag(s): HTML/CSS


These special effects are available only with IE4 or better.

Using special META tags in the HEAD portion of your page, very special effect can be achieved.

<META HTTP-EQUIV="Page-Enter" CONTENT="RevealTrans (Duration=1, Transition=23)"> 

Try this example here

You can use these transitions to create effects on either page entry or exit as specified in the META.

The transitions available are :

Box in      0 
Box out     1 
Circle in   2 
Circle out  3 
Wipe up     4 
Wipe down   5 
Wipe right  6 
Wipe left   7 
Vertical blinds      8 
Horizontal blinds    9 
Checkerboard across  10 
Checkerboard down    11 
Random dissolve      12 
Split vertical in    13 
Split vertical out   14 
Split horizontal in  15 
Split horizontal out 16 
Strips left down     17 
Strips left up       18 
Strips right down    19 
Strips right up      20 
Random bars horizontal 21 
Random bars vertical   22 
Random  23 

Another cool effect (as seen on this page!) is

    <META HTTP-EQUIV="Page-Enter" CONTENT="blendTrans(Duration=0.4)">
    <META HTTP-EQUIV="Page-Exit" CONTENT="blendTrans(Duration=0.4)">

But remember these effects work only with IE.