Können Werte über 1.0 für elastische Rückfedereffekte (Bounce) genutzt werden?

Ja, die Y-Werte können über 1.0 hinausgehen, um Federeffekte zu erzeugen.

Sind Standard-Presets wie easeOutExpo enthalten?

Ja, branchenübliche Easing-Presets können mit einem Klick geladen werden.

Easing Curve Presets

Control Handle 1 (P1)(0.34, 1.56)

X1 (Time Progression)0.34

Y1 (Value Intensity)1.56

Control Handle 2 (P2)(0.64, 1)

X2 (Time Progression)0.64

Y2 (Value Intensity)1

Test Duration1.2s

Bezier Curve Graph

cubic-bezier(0.34, 1.56, 0.64, 1)

Velocity Simulator Race

Custom Cubic-Bezier Easing

★

Linear Constant Reference (0, 0, 1, 1)

—

transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);

1Verschieben Sie die Kontrollpunkte im Graphen, um die Beschleunigungskurve zu verändern.
2Klicken Sie auf Testen, um die Bewegung im Vergleich zu Standard-Kurven zu sehen.
3Kopieren Sie die fertige Eigenschaft `transition-timing-function: cubic-bezier(...)`.

Standardmäßige `ease-in`-Kurven wirken oft mechanisch. Maßgeschneiderte Bezier-Kurven verleihen Web-Interaktionen Schwung und Haptik.

Mathematical Bezier Spline calculation: Precise third-order polynomial curve interpolation.
Elastic Overshoot & Anticipation support: Allows Y coordinates outside [0, 1] for physics-based spring bounce.
Visual Dual-Track Motion Simulator: Directly compares customized easing against constant linear velocity.
Tailwind Arbitrary Syntax generator: Outputs clean, copy-ready [transition-timing-function:cubic-bezier(...)] utility.