ToolPilot
Tasarım

Cubic Bezier Üretici

CSS yumuşatma eğrilerini görsel olarak ayarlayın ve kodu kopyalamadan önce animasyonu önizleyin.

Bir geçişin hızlanmasını şekillendirmek için iki kontrol noktasını sürükleyin. Doğrusal, ease-in, ease-out ve zıplama benzeri eğrileri karşılaştırın.

Araç yükleniyor…
Gizlilik: Hızlı ve gizli bir ToolPilot aracı. Verileriniz mümkün olduğunda tarayıcınızda yerel olarak işlenir.

Nasıl yapılır:

  1. 1Kontrol noktalarını sürükleyin veya değerleri yazın.
  2. 2Önizleme animasyonunu oynatın.
  3. 3cubic-bezier zamanlama işlevini kopyalayın.

Sık sorulan sorular

1'in üzerindeki değerler ne yapar?

Öğenin hedefini aşıp geri yerleşmesine neden olan aşma oluşturur.

Dosyalarım bir sunucuya yükleniyor mu?

Hayır. Bu araç, gerektiğinde JavaScript ve WebAssembly kullanarak tamamen tarayıcınızda çalışır. Dosyalarınız ve metinleriniz cihazınızdan hiç ayrılmaz.

Gelişmemize yardım edin

Araçlarımızı düzenli olarak iyileştiriyoruz. Bir sorun mu buldunuz yoksa öneriniz mi var? Dinliyoruz.

İlgili araçlar

🎨

Renk Seçici + HEX/RGB/HSL

🎯

HEX / RGB / HSL Dönüştürücü

🌈

Renk paleti oluşturucu

🌊

CSS degrade oluşturucu