Générateur CSS Cubic Bezier

Ce générateur CSS cubic-bezier fournit un éditeur visuel de courbe. Vous pouvez faire glisser les points de contrôle P1 et P2 ou saisir des valeurs exactes afin de générer des timing functions pour les transitions et animations. Il inclut aussi des presets easing courants avec des diagrammes de courbe pour les appliquer et les ajuster rapidement.

cubic-bezier editor

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

Aperçu

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

Presets

Click a preset to apply it.

CSS

Copied!