Website Preloader mit der neuen Webflow GSAP Events Funktion

Level:
Ergebnis anschauen
Icon für einen externen Link
Im Webflow Designer öffnen und klonen
Icon für einen externen Link
Im Webflow Designer öffnen und klonen
Icon für einen externen Link

Wie du mit der neuen GSAP Timeline in Webflow über einen Event Trigger eine komplett eigene Loading Animation erstellst und diese in Custom JS Code abfeuern kannst. Meine Erfahrungen und Learnings am Beispiel unserer Michael Bay Website.

Zur ganzen Episode gehts hier: Webflow Challenge Gewinner-Projekt Deep Dive

Kapitel

00:00:18 Einführung in Preloader
00:00:33 Herausforderungen mit Animationslogik
00:00:50 Benutzerdefinierte JS-Events und Kontrolle
00:01:54 Integration mit Webflow und GSAP