Générateur de cubic-bezier CSS — gratuit en ligne
Vous voulez qu'une animation tombe juste : ni trop rapide, ni trop sèche. Mais deviner les chiffres du cubic-bezier à la main, c'est pénible. On a ajouté un outil gratuit qui vous laisse dessiner la courbe à la place — CSS Cubic-Bezier Generator — directement dans votre navigateur.
Ce qu'il fait
Vous avez une courbe de Bézier interactive avec deux poignées de contrôle. Faites-les glisser et l'accélération change en direct : vous décidez exactement comment votre animation prend de la vitesse puis ralentit. Quand la courbe vous plaît, vous récupérez la valeur CSS correspondante.
Rien ne quitte votre appareil
Tout fonctionne dans votre navigateur. Rien n'est envoyé, rien n'est enregistré sur un serveur. Vous ouvrez la page et vous jouez avec la courbe.
Comment s'en servir
- Ouvrez CSS Cubic-Bezier Generator.
- Glissez les deux poignées jusqu'à ce que la courbe vous convienne.
- Copiez la valeur cubic-bezier et collez-la dans votre CSS.
C'est gratuit et sans limite. D'autres petits outils vous attendent sur la page Apps.