Desain
Editor Easing Cubic-Bezier
Rancang kurva easing CSS dengan pegangan yang dapat diseret dan pratinjau langsung Berjalan di perangkat Anda — tidak ada yang diunggah, tidak ada yang disimpan.
Seret kedua pegangan untuk membentuk kurva easing.
X1
Y1
X2
Y2
1s
Pratinjau Animasi
Keluaran CSS
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
Gunakan sebagai transition-timing-function atau animation-timing-function dalam CSS Anda.
Terkait
Tentang Editor Easing Cubic-Bezier
Rancang kurva easing CSS dengan pegangan yang dapat diseret dan pratinjau langsung
Editor Easing Cubic-Bezier adalah alat gratis di kategori Desain & Visual pada BrowseryTools. Alat ini berjalan sepenuhnya di browser Anda: apa yang Anda berikan diproses di perangkat Anda sendiri dan tidak pernah diunggah ke server, tanpa pendaftaran, tanpa iklan, dan tanpa tanda air, serta tetap berfungsi tanpa koneksi setelah halaman selesai dimuat.