GSAP (GreenSock Animation Platform) to najbardziej wydajna biblioteka animacji JavaScript. Używają jej AWWWards nominees, Stripe i NASA. Oto 10 technik które odróżnią Twoją stronę od konkurencji.
1. SplitText Chars Reveal
Efekt rozpadania się tekstu na litery — niezawodny WOW moment w sekcji Hero. Działa na każdej przeglądarce i jest dostępny nawet bez ClipPath.
2. Image Clip-Path Wipe
Obrazy pojawiające się z animacją odkrywania (inset 100% → 0%) wyglądają kinematycznie i są lekkie dla przeglądarki — clip-path jest obliczany na GPU.
3. Horizontal Scroll Gallery
Sekcja która scrolluje poziomo przy pionowym przewijaniu strony. Tworzy iluzję głębi i znacząco wydłuża czas spędzony na stronie.
4. Pinned Sticky Section
Sekcja która pozostaje na miejscu podczas gdy użytkownik scrolluje — idealna do prezentacji usług lub portfolio z dynamicznie zmieniającym się contentem.