CSS Studio

Cubic Bezier Editor

Entwerfen Sie benutzerdefinierte Easing-Funktionen für Animationen

Kurven-Editor

Klicken Sie, um Kontrollpunkte anzupassen

Kontrollen

Punkt 1

Punkt 2

s

Vorschau

Linearlinear
Benutzerdefiniertcubic-bezier(0.25, 0.1, 0.25, 1)

Presets

animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
animation-duration: 1s;