Générateur Cubic Bezier
Concevez des fonctions de timing CSS cubic-bezier avec un éditeur de courbe interactif, un aperçu d'animation et des préréglages d'easing.
Éditeur de courbe
Préréglages
Points de contrôle
P1
P2
Aperçu d'animation
s
Translation
Échelle
Opacité
Sortie CSS
Ctrl+Enter exécuterCtrl+Shift+C copier
En savoir plus
Generateur de courbe de Bezier cubique : easing CSS visuel
Les courbes de Bezier cubiques controlent le ressenti des animations CSS. Apprenez a creer un easing personnalise.
Que sont les courbes de Bezier cubiques ?
Une courbe de Bezier cubique est une fonction mathematique utilisee en CSS pour definir le timing des animations et des transitions. Ecrite sous la forme cubic-bezier(x1, y1, x2, y2), elle decrit comment une animation progresse du debut a la fin en mappant le temps sur la progression le long d'une courbe lisse definie par quatre points de controle.
5 min de lectureLire le guide complet