Renk dönüştürücü
Saydamlıkla birlikte HEX, RGB ve HSL dönüştürün, renk örneğini görün ve CSS değerlerini kopyalayın.
CSS cubic-bezier eğri düzenleyici
İki kontrol noktasını ayarlayın, geçişi deneyin ve cubic-bezier zamanlama fonksiyonu oluşturun.
X, 0–1 aralığındadır; Y bu aralığı aşabilir. Sürükleme veya ok tuşlarını, büyük adımlar için Shift’i kullanın.
CSS
Araç hakkında
Eğriyi izleyerek geçişin ivmesini veya hedefi aşan hareketini ayarlayabilirsiniz.
Nasıl kullanılır
Hazır bir eğri seçin, kontrol noktalarını sürükleyin veya X1, Y1, X2, Y2 değerlerini girin. Ok tuşlarıyla da ayar yapılabilir; Shift adımı büyütür. Önizleme süresini belirleyip oynatın veya durdurun, ardından CSS’yi kopyalayın ya da indirin.
X için 0–1, Y için −2–3 aralığı geçerlidir; böylece başlangıç öncesi ters hareket veya son noktayı aşma etkisi verilebilir. Çıktıda yalnızca zamanlama bildirimi bulunur, önizleme süresi veya tam animasyon yoktur. Sistemde hareket azaltma açıksa oynatma yapılmaz; düzenleme ve dışa aktarma kullanılabilir.
Sık sorulan sorular
Tam bir animasyon dışa aktarılır mı?
Yalnızca transition-timing-function verilir. Süreyi ve hareket eden özellikleri stil dosyasında ayarlayın. x aralığı 0–1, y aralığı −2–3’tür.
Eğri geçerli olduğu halde Oynat düğmesi neden hareket göstermiyor?
Önizleme, sistemin hareketi azaltma tercihine uyar; bu ayar açıksa hareket animasyonu oynatılmaz. Eğriyi düzenlemeye ve dışa aktarmaya devam edebilirsiniz. Ayar kapalıysa önizleme süresinin 100–5.000 ms aralığında olduğunu kontrol edin. Bu süre yalnızca önizlemeyi etkiler, dışa aktarılan koda eklenmez.
İlgili araçlar
Yeni sekmede açılır
Yorumlar
0