Générateur de courbe de Bézier

Glissez deux points de contrôle pour ajuster la courbe cubic-bezier, prévisualisez l'animation et copiez le code CSS.

Éditeur de courbe

Glissez les points bleus pour ajuster la courbe de Bézier

Préréglages
Aperçu de l'animation
Code généré
À propos de cet outil
Générateur de courbes cubic-bezier en ligne pour développeurs front-end. La fonction CSS cubic-bezier() définit l'accélération des animations.
Comment utiliser
1. Glissez les points de contrôle ; 2. Cliquez sur « Lancer l'animation » ; 3. Cliquez sur « Copier le code ».