GSAP
GSAP ist eine professionelle Animationsplattform für komplexe Timelines, scrollgesteuerte Szenen und SVG-Animation. Wann es das richtige Werkzeug ist.
KI-Zusammenfassung anfordern
GSAP (GreenSock Animation Platform) ist eine JavaScript-Animationsbibliothek, bekannt für präzise Kontrolle. Sie animiert alles, was JavaScript erreicht: CSS, SVG, Canvas und 3D-Objekte.
Stärken: was es gut kann
- Timelines: viele Animationen hintereinander, überlappend und als Ganzes steuerbar.
- ScrollTrigger: Szenen, die beim Scrollen fixiert werden, mitlaufen und fortschreiten, zuverlässig in allen Browsern.
- SVG und Text: Formen, die sich verwandeln, Linien, die sich zeichnen, und Text, der in animierte Teile zerlegt wird.
- Einheitlich: dasselbe Verhalten in jedem Browser, mit sehr guter Performance.
Grenzen: was zu bedenken ist
GSAP ist mächtig genug, um es zu übertreiben. Lange, beim Scrollen fixierte Szenen können auf dem Smartphone Bedienbarkeit und Barrierefreiheit verschlechtern. Sie brauchen ein gutes Tempo und eine ruhige Variante für reduzierte Bewegung.
Einsatz: wann ich es wähle
Für Storytelling-Seiten, Produktstarts und Kampagnenseiten mit choreografierter, scrollgesteuerter Animation und für detaillierte SVG-Animationen. Für leichtere Bewegung im Interface nutze ich Motion.
