[HTML] Überblendeffekte
#1
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
  Zitieren
#2
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
  Zitieren
#3
Jo ich halt auch ehrlich gesagt nichts davon, aber für manche kann es ja hilfreich sein.

mfg
Zerogiven
  Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste