net-board.net Archiv

Also, hier zeige ich euch mal die sogenannten Überblendeffekte in HTML. Diese Effekte treten entweder beim öffnen, oder beim verlassen einer Homepage auf.

Überblend Effekte müssen so im Header angegeben werden:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=0)">

Duration gibt die Geschwindigkeit des Übergangs an
Trasition gibt welcher Übergang verwendet werden soll
http-equiv gibt an wann der Überblendeefekt stattfindet: Page-Enter beim öffnen der Seite, Page-Exit Beim Verlassen der Seite.


Die verschiedenen Arten von Überblendeffekten:

Von innen einblenden :
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=0)">

Von außen einblenden:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=1)">

Spirale nach innen:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=2)">

Spirale nach außen:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=3)">

Von unten rollen:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=4)">

Von oben rollen:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=5)">

Von links rollen:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=6)">

Von rechts rollen:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=7)">

Vertikal blenden:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=8)">

Horizontal blenden:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=9)">

Horizontal versetzt blenden:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=10)">

Vertikal versetzt blenden:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=11)">

Auflösen:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=12)">

Vertikal schließen:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=13)">

Vertikal öffnen:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=14)">

Horizontal schließen:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=15)">

Horizontal öffnen:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=16)">

Diagonal nach links unten:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=17)">

Diagonal nach links oben:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=18)">

Diagonal nach rechts unten:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=19)">

Diagonal nach rechts oben:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=20)">

Horizontale Linien:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=21)">

Vertikale Linien:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=22)">

Zufall:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2,Transition=23)">


Hier habt ihr noch ein Online Beispiel zum Ausprobieren:
LINK

Viel Spass damit

mfg
Zerogiven

Copyright by Zerogiven
Mehr Tutorials: http://www.boldluck.at

diese effekte sehen zwar nett aus aber ich persöhnlich halt net viel davon da sie enorm viel vond er cpu verlangen, besonders bei großer auflösung und nem großen fester - da schnellt die cpu kurzzeitig von 0 auf 100 % aus

Jo ich halt auch ehrlich gesagt nichts davon, aber für manche kann es ja hilfreich sein.

mfg
Zerogiven