Alat Developer
Generator Cubic Bezier
Buat kurva easing animasi CSS kustom dengan editor visual
Editor Kurva
X1
Y1
X2
Y2
Pratinjau Animasi
Durasis
▶
CSS
cubic-bezier(0.250, 0.100, 0.250, 1.000)
transition: all 1s cubic-bezier(0.250, 0.100, 0.250, 1.000); /* or */ animation: yourAnimation 1s cubic-bezier(0.250, 0.100, 0.250, 1.000);
Preset & Perbandingan
Apa itu Generator Cubic Bezier?
Buat kurva easing animasi CSS kustom dengan editor visual
Generator Cubic Bezier adalah alat online gratis yang bekerja langsung di browser Anda. Tidak perlu instalasi atau pendaftaran. Semua pemrosesan terjadi secara lokal di perangkat Anda, memastikan data Anda tetap privat dan aman.
Mengapa menggunakan Generator Cubic Bezier?
- ✓100% Gratis - Tidak ada biaya tersembunyi atau fitur premium
- ✓Tanpa Daftar - Gunakan langsung tanpa membuat akun
- ✓Privasi Utama - Semua pemrosesan terjadi di browser Anda. Data Anda tidak pernah meninggalkan perangkat
- ✓Sangat Cepat - Hasil instan tanpa penundaan server
Cara Menggunakan
- Masukkan atau tempel teks Anda di area input di atas
- Alat akan memproses input Anda secara otomatis
- Salin hasilnya atau unduh sebagai file
Fitur
- ✓Editor kurva drag-and-drop interaktif
- ✓Lebih dari 30 preset fungsi easing
- ✓Pratinjau animasi real-time
- ✓Demo berbagai properti animasi
- ✓Mode perbandingan kurva
Pertanyaan yang Sering Diajukan
Apa itu cubic-bezier?
Cubic-bezier adalah fungsi timing CSS yang mendefinisikan bagaimana animasi berlangsung seiring waktu menggunakan kurva Bézier kubik dengan dua titik kontrol.
Apa arti titik kontrol?
Dua titik kontrol (P1 dan P2) mendefinisikan bentuk kurva. Nilai X harus antara 0 dan 1, sedangkan nilai Y dapat melebihi rentang ini untuk efek pantulan.