GSAP Animasyon Test Uygulamaları

28 Kasım 2025 Tahmini Okuma Süresi: 2 dk

Bu sayfa, projedeki GSAP entegrasyonunu test etmek ve kütüphanenin yeteneklerini sergilemek amacıyla oluşturulmuştur. Aşağıdaki örneklerde temel tweens, timeline yönetimi ve stagger efektleri yer almaktadır.


1. Temel Hareketler (Basic Tweens)

Basitçe bir objeyi bir noktadan diğerine taşımak veya özelliklerini değiştirmek için kullanılır.

Tween
Rotate
Scale

2. Zaman Çizelgesi (Timeline)

Birden fazla animasyonu belirli bir sırayla veya birbirine bağlı olarak yönetmek için kullanılır.

1
2
3

3. Dağılım Efekti (Stagger)

Bir grup elemanı belirli bir gecikmeyle sırayla anime etmek için kullanılır.