Belikan saya kopi
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.