Developer Tools
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
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