Scroll Animation

Am Anfang der Seite findet ihr ein paar Beispiele. Anschließend die einzelnen CSS-Klassen welche die jeweiligen Funktionen definieren. Wie ihr das in eure Seite einbindet findet ihr am Ende der Seite.

weiter scrollen

Rose

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,

Ringe

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,

Zoomt den Artikel ein. CSS-Klasse: scrollflow -pop -opacity

Slide von unten.

CSS-Klasse: scrollflow -slide-top -opacity

Slide von oben.

CSS-Klasse: scrollflow -slide-bottom -opacity

Slide von links.

CSS-Klasse: scrollflow -slide-right -opacity

Slide von rechts.

CSS-Klasse: scrollflow -slide-left -opacity


So bindet ihr das in eure Seite ein.

 

Ladet euch die JS-Datei herunter, entpackt sie und ladet sie wie HIER beschrieben auf euren Server.


Anschließend bindet ihr das in eure Seite ein indem ihr folgenden Code am Ende der Seite per Widget Quelltext einfügt.

Hier verlinkt ihr die Seite die ihr auf den Server geladen habt.

Quellcode markieren & kopieren

Das wars schon. Nur gebt ihr einfach einem Artikel die entsprechenden CSS-Klassen. "Im Widget unten Links auf das Mischpult, dann Rechts auf MEHR"


script

support
Dutch English French German