Question 1

Cubic-bezier fonksiyonu nedir?

Accepted Answer

Cubic-bezier fonksiyonu, CSS animasyonlarında ve geçişlerinde zamanlama fonksiyonu olarak kullanılan düzgün bir eğri tanımlar. Eğrinin şeklini ve dolayısıyla animasyonun hızını kontrol eden dört parametre (x1, y1, x2, y2) alır.

Question 2

animation-timing-function özelliği ne yapar?

Accepted Answer

animation-timing-function CSS özelliği, bir animasyonun her döngüde nasıl ilerlediğini belirtir. Animasyonun hızlanıp hızlanmadığını, yavaşlayıp yavaşlamadığını veya sabit hızda hareket edip etmediğini kontrol eder.

Question 3

ease ile ease-in-out arasındaki fark nedir?

Accepted Answer

ease hızlı başlar ve sona doğru yavaşlar. ease-in-out yavaş başlar, ortada hızlanır ve sonunda tekrar yavaşlar, çoğu UI animasyonu için daha doğal bir his yaratır.

Question 4

y değerleri 0 ile 1 aralığının dışına çıkabilir mi?

Accepted Answer

Evet. 0 ile 1 arasında kalması gereken x değerlerinin aksine, y değerleri aşım veya sekme efektleri oluşturmak için bu aralığın dışına çıkabilir.

Question 5

Oluşturulan zamanlama fonksiyonunu animasyona nasıl uygularım?

Accepted Answer

Oluşturulan CSS'yi kopyalayın ve stil sayfanıza animation-timing-function: cubic-bezier(x1, y1, x2, y2) veya transition-timing-function: cubic-bezier(x1, y1, x2, y2) olarak uygulayın.

Animasyon Zamanlama Oluşturucu

Ön Ayarlar

Özel

Önizleme

Sıkça Sorulan Sorular

Comments & Feedback