Skip to main content
Bir görev durumlar arasında hareket ettiğinde — ister sürükle-bırak, ister buton tıklama, ister sesli komutla — Claude Board görev kartında bir geçiş animasyonu oynatır.

​
Animasyon Türleri

Tüm geçişler ayrıca şu unsurları içerir:
  • Hedef durum rengine uygun bir parlama darbesi
  • Bir kart büyüme ölçek animasyonu (kısa süreliğine büyür, sonra yerine oturur)

​
Nasıl Çalışır

Animasyon sistemi, son geçişleri izleyen bir React context’i (StatusTransitionContext) kullanır:
  1. onStatusChange tetiklendiğinde, emitStatusTransition(taskId, fromStatus, toStatus) geçişi kaydeder
  2. Her TaskCard aktif geçişler için context’i kontrol eder
  3. Görevi için bir geçiş varsa, StatusTransitionEffect katmanını render eder
  4. Animasyonlar 2 saniye sonra otomatik olarak temizlenir

​
Teknik Detaylar

  • Tüm efektler saf CSS animasyonları kullanır — harici kütüphane yoktur
  • Parçacıklar, CSS @keyframes ile rastgele oluşturulan div elementleridir
  • Konfeti 8 farklı renk ve karışık şekiller (daireler + dikdörtgenler) kullanır
  • Efektler kısa ömürlü olduğundan ve GPU hızlandırmalı dönüşümler kullandığından performans hafiftir