GSAP
Verfasst: 05.12.2023, 17:17
Hallo,
nach der Betrachtung der Seite
https://www.longines.com/spirit-flyback/
war für mich klar, dass der Shop eine Scroll-Anmiation benötigt.
In meinem Blog habe ich die Scroll-Anmiation bereits vorgestellt
Warum ist Scroll Animation das nächste große Ding für Ihre Webseite? Lassen Sie sich überraschen!
https://blog.r23.de/3d-visualisierung/w ... erraschen/
In WordPress kann man es relativ einfach einbauen
https://gsap.com/resources/Wordpress#installation
es gibt auf YouTube einige Anleitungen.
Ich werde GSAP aus der ZIP Datei installieren
Die Zip-Datei enthält die folgenden Verzeichnisse:
/minified/ - die einfachste Option. Laden in eine Webseite in einem Skript-Tag, universell kompatibel und hoch komprimiert für maximale Ladegeschwindigkeit.
/UMD/ - unkomprimierte Versionen der reduzierten Dateien, im UMD-Format (hochkompatibel). Diese werden in der Regel für ältere Build-Tools oder zur Fehlersuche verwendet (da der Quellcode für Menschen lesbar ist).
/ESM - ES-Modul-Dateien, heruntertranspiliert, um mit praktisch allen modernen Build-Tools kompatibel zu sein (kein ausgefallenes ES6-Zeug)
/src/- die rohen Quellcodedateien, die moderne ES6-Module sind
ich werde die minified auf den Server legen.
Wer npm verwenden möchte
npm install gsap
Beste Grüße
Ralf
nach der Betrachtung der Seite
https://www.longines.com/spirit-flyback/
war für mich klar, dass der Shop eine Scroll-Anmiation benötigt.
In meinem Blog habe ich die Scroll-Anmiation bereits vorgestellt
Warum ist Scroll Animation das nächste große Ding für Ihre Webseite? Lassen Sie sich überraschen!
https://blog.r23.de/3d-visualisierung/w ... erraschen/
In WordPress kann man es relativ einfach einbauen
https://gsap.com/resources/Wordpress#installation
es gibt auf YouTube einige Anleitungen.
Ich werde GSAP aus der ZIP Datei installieren
Die Zip-Datei enthält die folgenden Verzeichnisse:
/minified/ - die einfachste Option. Laden in eine Webseite in einem Skript-Tag, universell kompatibel und hoch komprimiert für maximale Ladegeschwindigkeit.
/UMD/ - unkomprimierte Versionen der reduzierten Dateien, im UMD-Format (hochkompatibel). Diese werden in der Regel für ältere Build-Tools oder zur Fehlersuche verwendet (da der Quellcode für Menschen lesbar ist).
/ESM - ES-Modul-Dateien, heruntertranspiliert, um mit praktisch allen modernen Build-Tools kompatibel zu sein (kein ausgefallenes ES6-Zeug)
/src/- die rohen Quellcodedateien, die moderne ES6-Module sind
ich werde die minified auf den Server legen.
Wer npm verwenden möchte
npm install gsap
Beste Grüße
Ralf