Visualiseur de fonctions d'accélération

Cliquez sur une carte pour copier la valeur CSS cubic-bezier() ou le code TypeScript dans le presse-papiers. Survolez pour prévisualiser l'animation.

easeInSine

easeOutSine

easeInOutSine

easeInQuad

easeOutQuad

easeInOutQuad

easeInCubic

easeOutCubic

easeInOutCubic

easeInQuart

easeOutQuart

easeInOutQuart

easeInQuint

easeOutQuint

easeInOutQuint

easeInExpo

easeOutExpo

easeInOutExpo

easeInCirc

easeOutCirc

easeInOutCirc

easeInBack

easeOutBack

easeInOutBack

easeInElastic

easeOutElastic

easeInOutElastic

easeInBounce

easeOutBounce

easeInOutBounce

À propos & FAQ

À propos : Visualisez et comparez 30 fonctions d'accélération — courbes interactives, animation au survol, copie en un clic du CSS cubic-bezier() ou du code TypeScript. Tout le traitement s'effectue localement dans votre navigateur avec JavaScript natif — aucune donnée n'est envoyée à un serveur. Fonctionne entièrement hors ligne en tant que PWA.

Questions fréquentes

Quelles fonctions d'accélération sont incluses ?

Cet outil visualise 30 fonctions d'accélération standard dans 10 catégories : Sine, Quad, Cubic, Quart, Quint, Expo, Circ, Back, Elastic et Bounce. Chaque catégorie a trois variantes : easeIn (démarrage lent), easeOut (fin lente) et easeInOut (démarrage et fin lents).

Puis-je copier la valeur CSS cubic-bezier() ?

Oui. Cliquez sur une carte pour copier la valeur CSS cubic-bezier() dans le presse-papiers. Pour les fonctions Elastic et Bounce — qui ne peuvent pas être représentées en cubic-bezier — le code TypeScript est copié à la place.

Cet outil fonctionne-t-il hors ligne ?

2Kit est une PWA. Après votre première visite, il fonctionne entièrement hors ligne.

Des données sont-elles envoyées à un serveur ?

Non. Tout le rendu des courbes et les animations s'exécutent entièrement dans votre navigateur via l'API HTML Canvas. Rien n'est téléchargé ni transmis.

Implémentation technique

Tout le traitement s'effectue entièrement dans votre navigateur — aucune donnée n'est jamais envoyée à un serveur. Cet outil fonctionne entièrement hors ligne en tant qu'application web progressive (PWA) : après la première visite, toutes les pages et ressources sont mises en cache par le Service Worker et restent disponibles sans connexion internet. Vos données ne quittent jamais votre appareil, ce qui le rend sûr pour les contenus sensibles tels que les clés API, les mots de passe, les configurations privées et les documents confidentiels.

▸ Index du site

English json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Deutsch json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Español json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Français json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Indonesia json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Italiano json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

日本語 json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

한국어 json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Nederlands json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Polski json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Português json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Русский json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Türkçe json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Tiếng Việt json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

中文 json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions