Éditeur de courbe de Bézier
Éditeur de courbe de Bézier gratuit. Concevez visuellement les courbes d'accélération CSS avec des poignées de déplacement, des préréglages et un aperçu d'animation en direct. Copiez le CSS pour les transitions et animations.
Runs in your browserUpdated Apr 26, 2026
Cubic-bezier editor
CSS
transition-timing-function: cubic-bezier(0.25, 0.10, 0.25, 1.00);css
Questions fréquentes
›What's a cubic-bezier?
A curve defined by 4 control values — used by CSS transitions and animations to control the rate of change over time. The browser's 'ease' is cubic-bezier(0.25, 0.1, 0.25, 1).
›What's overshoot?
When the easing curve exceeds 0 or 1 (control y-values < 0 or > 1), the animation 'bounces' past its endpoints. Useful for playful UIs.
›Are presets available?
Yes — common presets (linear, ease, ease-in, ease-out, ease-in-out) plus a few popular custom curves.
›Is the editor free?
Yes — fully free, no signup.