Cubic Bezier Hızlanma Eğrisi Oluşturucu
CSS için cubic-bezier hızlanma (easing) eğrileri oluşturun. Standart hazır ayarları içerir.
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
Cubic Bezier Eğrisi Oluşturucu nedir?
CSS animasyonları, değerlerin zamanla nasıl değişeceğini denetlemek için hızlanma (easing) fonksiyonları kullanır. cubic-bezier'in dört parametresi, (0,0) noktasından (1,1) noktasına uzanan bir eğri tanımlar: eğri ne kadar dikse, animasyon o bölgede o kadar hızlıdır. Yaygın hazır ayarlar çoğu ihtiyacı karşılar; özel eğriler ise kendine özgü bir hareket yaratır.
Sıkça sorulan sorular
ease ile ease-in arasındaki fark nedir?▼
Özel eğrileri ne zaman kullanmalıyım?▼
İlgili araçlar
Renk Dönüştürücü (HEX/RGB/HSL)
Renkleri HEX, RGB ve HSL biçimleri arasında dönüştürün. Bir rengi görsel olarak seçin veya değerleri elle girin.
CSS Box Shadow Oluşturucu
CSS box-shadow değerlerini görsel olarak oluşturun. Gerçek zamanlı önizleyin ve oluşturulan CSS'i kopyalayın.
CSS Renk Geçişi Oluşturucu
Doğrusal ve radyal CSS renk geçişleri oluşturun. Renkleri görsel olarak seçin ve oluşturulan CSS'i kopyalayın.
Renk Paleti Üreteci
Herhangi bir temel renkten uyumlu renk paletleri üretin. Tamamlayıcı, analog, üçlü ve monokromatik şemaları destekler.
CSS Border Radius Oluşturucu
Karmaşık CSS border-radius değerlerini görsel olarak oluşturun. Her köşe için bağımsız kontrol.
CSS Clamp() Üreteci
clamp() ile akışkan ve duyarlı CSS değerleri üretin. Viewport aralıkları boyunca minimum ve maksimum boyutlar arasında düzgünce ölçeklenir.