GSAP - Animieren

Eine einfache Animation mit Greensock "gsap.to()"

 

Der Quelltext wurde erfolgreich in die Zwischenablage kopiert.
Code Elemente - HTML - CSS - JS

Hinweis

Die Animation selbst kann mit den Möglichkeiten von Greensock erstellt werden. Es stehen Funktionen zur Verfügung (Beispiel mit der Bibliothek: "gsap/3.5.1/gsap.min.js"

"to()", "FromTo()" oder eine Timeline wäre möglich.

scrollTrigger: "a",

bindet das HTML-Element an den Scrollbalken

x:400,
rotation:360,
duration:3

sind Angaben zur Animation. Diese wird nun nicht direkt ausgeführt. Im Prinzip übernimmt die vertijkale Scrollbar die Funktion einer Timeline.