Toolipedia Sematkan
ID
← Semua alat teks

Pembuat cubic bezier

Seret kurva untuk merancang CSS easing, lihat animasinya, dan salin timing function.

  • Gratis
  • Tanpa daftar
  • Bisa di perangkat apa pun

Tentang Pembuat cubic bezier

Seret dua pegangan kendali kurva bezier untuk merancang easing kustom bagi transisi dan animasi CSS, lihat bola beranimasi dengannya, dan salin nilai cubic-bezier(x1, y1, x2, y2). Nilai x harus tetap antara 0 dan 1, sedangkan y dapat melampaui untuk efek memantul.

Cara menggunakan Pembuat cubic bezier

  1. Seret kedua pegangan kurva untuk membentuk easing.
  2. Tekan putar untuk melihat elemen bergerak dengan pewaktuan Anda.
  3. Salin fungsi cubic-bezier ke transisi atau animasi Anda.

Mengapa menggunakan alat ini?

Dikenal juga sebagai

Pertanyaan umum

Apa arti empat angka cubic-bezier?

Itu adalah koordinat x dan y dari dua titik kendali pada kurva kecepatan. Bagian yang lebih curam berarti gerakan lebih cepat, bagian yang lebih datar berarti gerakan lebih lambat.

Bisakah kurva keluar dari kotak?

Nilai vertikal boleh melebihi 0 dan 1, yang menciptakan overshoot atau pantulan. Nilai horizontal harus tetap antara 0 dan 1.

Kurva mana yang terasa alami untuk gerakan antarmuka?

Kurva bergaya ease-out, cepat di awal dan lambat di akhir, terasa responsif untuk elemen yang masuk ke layar. Coba durasi singkat dulu.

Apakah Pembuat cubic bezier gratis?

Ya. Pembuat cubic bezier di Toolipedia gratis digunakan, tanpa daftar dan tanpa watermark.

Apakah aman digunakan?

Ya. Semuanya dihitung di browser Anda, dan tidak ada yang Anda masukkan yang dikirim ke server kami.

Apakah bisa di ponsel saya?

Ya. Alat ini bisa digunakan di browser modern mana pun di Android dan iPhone, juga di tablet dan komputer. Tidak perlu instal apa pun.

Apakah saya perlu akun?

Tidak. Cukup buka halaman dan gunakan alatnya. Tanpa daftar dan tanpa email.

Bisakah saya menaruh Pembuat cubic bezier di situs web saya sendiri?

Ya. Gunakan tombol "Sematkan di situs Anda" di bawah alat untuk menyalin potongan kode singkat dan menempelkannya ke halaman Anda. Gratis, tanpa akun, dan alat tetap berfungsi di dalam halaman Anda.

Alat terkait