Skip to main content
Penguin ToolsAlat Penguin

Generator CSS Cubic Bezier

Buat kurva easing animasi CSS secara visual. Seret handle dan pratinjau animasi secara real-time.

Preset

Editor kurva

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

Pratinjau

Durasi

1.0s

Output

cubic-bezier(0.25, 0.10, 0.25, 1.00)
transition: all 1.0s cubic-bezier(0.25, 0.10, 0.25, 1.00);
Bagikan alat ini
📖

Cara Menggunakan

Step 1

Sesuaikan Kurva

Sesuaikan Kurva

Seret handle kurva bezier

Step 2

Pratinjau

Pratinjau

Periksa dengan pratinjau animasi

Step 3

Salin

Salin

Salin kode CSS untuk digunakan

✨

Fitur

Kontrol Seret

Seret titik kontrol untuk menyesuaikan kurva

Preset

Preset seperti ease, ease-in, ease-out

Pratinjau Animasi

Pratinjau easing dengan animasi langsung

❓

FAQ

Fungsi easing yang mendefinisikan pola percepatan animasi.

🔗Alat Terkait

🎨
Alat Desain

Konverter Kode Warna

Konversi antara kode warna HEX, RGB, dan HSL. Gunakan pemilih warna dan pratinjau waktu nyata untuk pemilihan warna yang intuitif.

🎨
Alat Desain

Pemilih Warna

Pilih warna secara intuitif menggunakan roda warna dan slider. Dapatkan dan salin kode warna dalam format HEX, RGB, dan HSL.

🎨
Alat Desain

Ekstraktor Warna Gambar

Deteksi warna dominan dari gambar secara otomatis dan hasilkan palet warna. Anda juga dapat mengklik di mana saja pada gambar untuk mengambil warna individual.

🎯
Alat Desain

Pengambil Warna Rata-rata Gambar

Hitung warna rata-rata dari seluruh gambar atau area yang dipilih. Berguna untuk memilih skema warna atau warna latar belakang thumbnail.

🌈
Alat Desain

Generator CSS Gradien

Buat gradien CSS secara visual dengan kontrol seret. Mendukung tipe gradien linear, radial, dan conic dengan preset.

🔲
Alat Desain

Generator CSS Box Shadow

Buat CSS box-shadow secara visual dengan slider. Mendukung beberapa bayangan dan bayangan inset.