CSS Cubic-Bezier-Generator

Dieser CSS Cubic-Bezier-Generator bietet einen visuellen Kurveneditor. Ziehen Sie die Kontrollpunkte P1 und P2 oder geben Sie exakte Werte ein, um Timing-Funktionen für transitions und animations zu erzeugen. Enthalten sind außerdem gängige Easing-Vorlagen mit Kurvendiagrammen zum schnellen Anwenden und Feinabstimmen.

cubic-bezier editor

Drag P1 / P2 or edit the numbers directly.
1 0 0 1 P1 P2
Current value
{{ bezierValue }}

Vorschau

{{ bezierValue }}
The dot and card use the generated timing function.

Presets

Click a preset to apply it.

CSS

Copied!