Animierter Seitenübergang beim Seitenaufruf

Um eine Animation beim Seitenaufruf für den Besucher anzuzeigen, muss der aufrufende Link mit dem entsprechenden Attribut versehen werden.

<a href="#link" data-transition="slide">animierter Übergang</a>

Diese Animationen sollten auf einem mobilen Gerät angesehen werden.

Zur Auswahl gibt es:

fade
Überblendung auf die nächste Seite. Dies ist die Standardeinstellung

flip
Blättert zur nächsten Seite (von hinten nach vorne)

flow
Der Übergang von der aktuellen zur aufgerufenen Seite wird in einer fließenden Bewegung animiert

pop
Erscheint wie ein Popup-Fenster

slide
Übergang anhang eines Rutschens von rechts nach links

slidefade
Slide und einblenden von rechts nach links

slideup
von unten nach oben die neue Seite hochziehen

slidedown
von oben nach unten die neue Seite hochziehen

turn
dreht zur nächsten Seite

none
Kein Übergangseffekt

Die Animationen können auf Seitenaufrufe wie auch auf Dialogaufrufe angewendet werden.

Um eine Animation beim zurück gehen zu erhalten kann das Attribut data-direction="reverse" eingefügt werden.

<a href="#seitezwei" data-transition="slide" data-direction="reverse">animierter 
Seitenübergang</a>