Résultats instantanés
Aucune donnée envoyée
Sans inscription
Le code apparaîtra ici.
🔒 Génération locale.
La fonction cubic-bezier(x1,y1,x2,y2) définit la progression temporelle d’une transition entre son début et sa fin.
Créez une courbe cubic-bezier personnalisée pour vos transitions et animations CSS. Réglez les quatre paramètres d’une fonction cubic-bezier et testez le mouvement. Il est conçu pour obtenir, tester ou analyser une structure web directement dans le navigateur, avec un résultat visible qu’il reste possible de relire avant intégration.
Premier point de contrôle. Formule ou repère : P1. Exemple : 0.25,0.1.
Second point de contrôle. Formule ou repère : P2. Exemple : 0.25,1.
Utilisez la fonction dans transition. Formule ou repère : cubic-bezier(…). Exemple : ease personnalisée.
L’aperçu montre le ressenti. Formule ou repère : transition-timing-function. Exemple : Déplacement.
Une courbe utilisée pour définir la vitesse d’une animation ou transition.
Oui pour une fonction de timing CSS valide.
Oui, cela peut créer un dépassement.
Oui.
Lorsque l’outil produit ou analyse du code, une configuration ou une structure technique, vérifiez toujours le résultat dans votre navigateur ou votre projet avant une utilisation en production.
Retrouvez ici les réponses aux questions les plus courantes sur l’utilisation de cet outil.
Une courbe utilisée pour définir la vitesse d’une animation ou transition.
Oui pour une fonction de timing CSS valide.
Oui, cela peut créer un dépassement.
Oui.
Oui.
Non.
Convertissez rapidement euros, dollars, livres sterling et autres devises avec le dernier taux de change disponible.
Entrez votre date de naissance pour calculer votre âge exact en années, mois et jours, votre nombre de jours vécus et le temps restant avant votre prochain anniversaire.
Comparez deux produits selon leur prix et leur quantité grâce à des barres visuelles de prix unitaire.
