CSS Page Transitions (Explorer)
Posted: Thu Jun 16, 2005 2:49 pm
The page transitions allow to visualize similar effects to some changes of television images. Said otherwise, the invoked page doesn't appear directly but rather it goes preceded of effects of different type, such as breakups and other presentations.
The transitions are activated exclusively when you consents to the page of another **** or, in alternative, when you leaves the page to see another. Therefore, pressing the button "upgrades" of the navigator, any effect won't take place but rather it will be necessary to return to the previous page and to make **** again in the connection.
The transition effects can be given to the entrance (page-enter) or to the exit (page-exit) of page.
The code is inserted among the marks <HEAD> and it allows 23 different effects. In the examples that figure the value next "Page enter" it has been placed by what the effects take place when entering in the page. These are the effects to disposition:
Box in
Box out
Circle in
Circle out
Wipe up
Wipe down
Wipe right
Wipe left
Vertical blinds
Horizontal blinds
Checkerboard across
Checkerboard down
Random dissolve
Split vertical in
Split vertical out
Split horizontal in
Split horizontal out
Strips left down
Strips left up
Strips right down
Strips right up
Random bars horizontal
Random bars vertical
Random
If you want to see the effects in action, you can visit the site Nuke Bazaryou make **** in some links to see several effects. This place this in php (PHP-Nuke), but visualization of the effect is same in html
Notes:
· to obtain similar effects when leaving the coarse page to substitute "page-enter" with "page-exit."
· is not possible to use the transitions in pages divided in frames (marks), the reason is that the transition effects take place in the whole screen of the navigator and not in a part of this.
The transitions are activated exclusively when you consents to the page of another **** or, in alternative, when you leaves the page to see another. Therefore, pressing the button "upgrades" of the navigator, any effect won't take place but rather it will be necessary to return to the previous page and to make **** again in the connection.
The transition effects can be given to the entrance (page-enter) or to the exit (page-exit) of page.
The code is inserted among the marks <HEAD> and it allows 23 different effects. In the examples that figure the value next "Page enter" it has been placed by what the effects take place when entering in the page. These are the effects to disposition:
Box in
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=0)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=1)">
Circle in
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=2)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=3)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=4)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=5)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=6)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=7)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=8)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=9)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=10)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=11)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=12)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=13)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=14)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=15)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=16)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=17)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=18)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=19)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=20)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=21)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=22)">
Code: Select all
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=23)">
If you want to see the effects in action, you can visit the site Nuke Bazaryou make **** in some links to see several effects. This place this in php (PHP-Nuke), but visualization of the effect is same in html
Notes:
· to obtain similar effects when leaving the coarse page to substitute "page-enter" with "page-exit."
· is not possible to use the transitions in pages divided in frames (marks), the reason is that the transition effects take place in the whole screen of the navigator and not in a part of this.