← Tous les outils texte

Générateur de cubic bezier

Faites glisser une courbe pour concevoir une accélération CSS, voyez-la s'animer et copiez la timing function.

  • Gratuit
  • Sans inscription
  • Fonctionne sur tous les appareils

À propos de Générateur de cubic bezier

Faites glisser les deux poignées de contrôle d'une courbe de Bézier pour concevoir un easing personnalisé pour les transitions et animations CSS, regardez une balle s'animer avec lui et copiez la valeur cubic-bezier(x1, y1, x2, y2). Les valeurs x doivent rester entre 0 et 1, tandis que y peut dépasser pour un effet de rebond.

Comment utiliser Générateur de cubic bezier

  1. Réglez les options ci-dessus. Le résultat se met à jour en direct.
  2. Ajustez jusqu’à obtenir le résultat parfait.
  3. Copiez le résultat ou téléchargez-le.

Pourquoi utiliser cet outil ?

Aussi appelé

Questions fréquentes

Que signifient les quatre nombres de cubic-bezier ?

Ce sont les coordonnées x et y de deux points de contrôle sur la courbe de vitesse. Les sections plus raides signifient un mouvement plus rapide, les sections plus plates un mouvement plus lent.

Générateur de cubic bezier est-il gratuit ?

Oui. Générateur de cubic bezier est gratuit sur Toolipedia, sans inscription et sans filigrane.

Est-ce sûr ?

Oui. Tous les calculs se font dans votre navigateur et rien de ce que vous saisissez n’est envoyé à notre serveur.

Est-ce que ça fonctionne sur mon téléphone ?

Oui. L’outil fonctionne dans tout navigateur récent sur Android et iPhone, ainsi que sur tablette et ordinateur. Il n’y a rien à installer.

Faut-il un compte ?

Non. Ouvrez simplement la page et utilisez l’outil. Aucune inscription ni adresse e-mail n’est nécessaire.

Outils similaires