Sofia Emelianova
Chrome Geliştirici Araçları'ndaki Animasyonlar sekmesi, CSS animasyon zamanlamalarını yavaşlatmanıza, yeniden oynatmanıza, ayarlamanıza ve sonuçları hemen görmenize yardımcı olan güçlü bir araçtır.
Açıkken Animasyonlar sekmesi, animasyonları otomatik olarak kaydeder, bunları uygun şekilde gruplandırır ve şunları yapmanıza olanak tanır:
- Animasyonları daha iyi incelemek için yeniden oynatın ve yavaşlatın.
- CSS değerlerini tahmin edip manuel olarak ayarlamak yerine, zaman çizelgesindeki noktaları sürükleyerek süreleri, zamanlamaları ve gecikmeleri ayarlayın.
Ayrıca, Öğeler > Stiller bölmesinde Yumuşatma Düzenleyici'yi kullanarak yumuşatma zamanlamalarını düzenleyebilir ve özel cubic-bezier eğri değerleri ayarlayabilirsiniz. Daha fazla bilgi edinmek için Geçiş Düzenleyici ile animasyon ve geçiş zamanlamalarını düzenleme başlıklı makaleyi inceleyin.
Daha uygulamalı bir öğrenme deneyimi için CSS animasyon efektlerini inceleme ve değiştirme kılavuzunu inceleyin.