ToolPilot
Design

Générateur de cubic-bezier

Réglez visuellement des courbes d'accélération CSS et prévisualisez l'animation avant de copier le code.

Faites glisser les deux points de contrôle pour dessiner l'accélération d'une transition. Comparez les courbes linear, ease-in, ease-out et de type rebond.

Chargement de l'outil…
Confidentialité : Un utilitaire ToolPilot rapide et privé. Vos données sont traitées localement dans votre navigateur chaque fois que possible.

Comment

  1. 1Faites glisser les points de contrôle ou saisissez des valeurs.
  2. 2Lancez l'animation d'aperçu.
  3. 3Copiez la fonction de temporisation cubic-bezier.

Questions fréquentes

Que font les valeurs supérieures à 1 ?

Elles créent un dépassement : l'élément va au-delà de sa cible puis revient se stabiliser.

Mes fichiers sont-ils envoyés à un serveur ?

Non. Cet outil fonctionne entièrement dans votre navigateur avec JavaScript et WebAssembly lorsque nécessaire. Vos fichiers et votre texte ne quittent jamais votre appareil.

Aidez-nous à nous améliorer

Nous améliorons régulièrement nos outils. Vous avez trouvé un problème ou une suggestion ? Nous vous écoutons.

Outils associés

🎨

Sélecteur de couleur + HEX/RGB/HSL

🎯

Convertisseur HEX / RGB / HSL

🌈

Générateur de palettes

🌊

Générateur de dégradés CSS