Skip to main content

CSS Cubic Bezier Oluşturucu

CSS animasyon kolaylaştırma eğrilerini görsel olarak oluşturun. Kolları sürükleyin ve animasyonları gerçek zamanlı önizleyin.

Ön Ayarlar

Eğri düzenleyici

P1(0.25, 0.10)
P2(0.25, 1.00)

Önizleme

Süre

1.0s

Çıktı

cubic-bezier(0.25, 0.10, 0.25, 1.00)
transition: all 1.0s cubic-bezier(0.25, 0.10, 0.25, 1.00);
Aracı paylaş
📖

Nasıl Kullanılır

Step 1

Eğriyi Ayarlayın

Eğriyi Ayarlayın

Bezier eğrisi kollarını sürükleyin

Step 2

Önizleyin

Önizleyin

Animasyon önizlemesiyle kontrol edin

Step 3

Kopyalayın

Kopyalayın

Kullanmak için CSS kodunu kopyalayın

Özellikler

Sürükleme Kontrolleri

Eğriyi ayarlamak için kontrol noktalarını sürükleyin

Ön Ayarlar

ease, ease-in, ease-out gibi ön ayarlar

Animasyon Önizlemesi

Canlı animasyonla kolaylaştırmayı önizleyin

FAQ

Animasyon hızlanma kalıplarını tanımlayan bir kolaylaştırma fonksiyonu.