Spendiere mir einen Kaffee
Design

Cubic-Bezier-Easing-Editor

Gestalte CSS-Easing-Kurven mit ziehbaren Griffen und Live-Vorschau Läuft auf deinem Gerät – nichts wird hochgeladen, nichts gespeichert.

Ziehe die beiden Griffe, um die Easing-Kurve zu formen.

X1
Y1
X2
Y2
1s
Animationsvorschau
CSS-Ausgabe
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);

Verwende dies als transition-timing-function oder animation-timing-function in deinem CSS.