🔹 ">" (greater-than)

• Anlamı: “önceki animasyonun bittiği anda başlat”.
• Yani timeline’ın playhead’ini, bir önceki animasyonun sonuna koyar.

👉 Örnek:

tl.to(".box1", {x: 100, duration: 1})  // 0s → 1s
  .to(".box2", {x: 200, duration: 1}, ">"); // 1s → 2s

• .box2 animasyonu tam olarak .box1 bittikten sonra başlar.

🔹 "<" (less-than)

• Anlamı: “önceki animasyonun başladığı anda başlat”.
• Yani yeni animasyonu öncekiyle aynı anda (paralel) çalıştırır.

👉 Örnek:

tl.to(".box1", {x: 100, duration: 1})  // 0s → 1s
  .to(".box2", {x: 200, duration: 1}, "<"); // 0s → 1s

• .box1 ve .box2 aynı anda başlar.

🔑 Özet

• ">" → Önceki animasyonun bitiminde başlat.
• "<" → Önceki animasyonun başlangıcında başlat.