These transitions smoothen the exit and entrance of a page, making your stay on a page a pleasant one. A simple META tag can achieve this effect. (If you don't know what META tags are, don't worry. I don’t know exactly what they are either, but if I ever find out, you'll be the first one to know!) Now, here's the code:
| <META HTTP-EQUIV="Site-Enter" content="revealTrans(Duration=4.0,Transition=12)"> |
The above line of code will give you the effect of the page appearing pixel by pixel (when entering it). You can also specify a transition when exiting the page. But more of that in detailed overview:
Site-Enter means that the transition is triggered when someone enters the page. Site-Exit triggers the transition when someone exits the page
Duration=4.0 represents the duration of the transition (in seconds). Placing 31536000.0 would make the transition to be 1 year long - obviously you won't want to make your visitor wait that long :-)
Transition=12 tells IE which transition to use. There is a choice of 23, you'll get to know them later.
There we go, you finally know how that code works! Now it would really be appropriate to know which transitions to use for your page...
1. Reveal from inside
2. Scroll in from outside
3. Scroll out from center
4. Scroll up from bottom
5. Scroll left to right
6. Scroll down
7. Scroll right
8. Scroll left
9. Vertical Blinds left to right
10. Horizontal Blinds top to bottom
11. 8 and 9 together
12. Similar to 8
13. Pixel by pixel appearing/disappearing
14. Scrolls in from outer parts
15. Scrolls out from center
16. Closes from top and bottom
17. 15 - other way around
18. Diagonal roll from right to left
19. Diagonal roll - other angle (also right to left)
20. Number 17 - opposite
21. Number 18 - opposite
22. Random horizontal lines
23. Random vertical lines
24. All above items picked randomly