Overshoot a undershoot — bouncy křivky. X musí být 0–1.

Zkopírujte cubic-bezier(...) v CSS transition-timing-function.

Ano — náhled používá CSS formuli.

Začíná pomalu, zrychluje, zpomaluje — cubic-bezier(0.42, 0, 0.58, 1).

Pro vývojářeZdarmaSpouštěno lokálně

Editor Cubic-bezier

Navrhněte CSS cubic-bezier křivky — táhněte rukojeti, náhled, zkopírujte CSS.

CSS

cubic-bezier(0.25, 0.1, 0.25, 1)

Náhled

Předvolba

P1 x

P1 y

P2 x

P2 y

Trvání náhledu (ms)

Přetáhněte limetkové rukojeti nebo použijte posuvníky k úpravě křivky.

O Editor Cubic-bezier

Editor cubic-bezier Handytool craft CSS easing táhnutím control points. Začněte od presetu, tune, live ball playback — cítit timing.

01
Táhněte curve, vidět motion
Dva rukojeti kontrolují bezier. Ball animation ukazuje pohyb.
02
Standard presety
ease, linear, ease-in, ease-out, ease-in-out — tune z nich.
03
Zkopírujte CSS
cubic-bezier() live update, připraveno k transition.

Y > 1 nebo < 0?: Overshoot a undershoot — bouncy křivky. X musí být 0–1.
Použijte výstup?: Zkopírujte cubic-bezier(...) v CSS transition-timing-function.
Přesný?: Ano — náhled používá CSS formuli.
ease-in-out?: Začíná pomalu, zrychluje, zpomaluje — cubic-bezier(0.42, 0, 0.58, 1).