Visualizzatore funzioni di easing

Fai clic su qualsiasi scheda per copiare il valore CSS cubic-bezier() o il codice TypeScript negli appunti. Passa il mouse per visualizzare l'anteprima dell'animazione.

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

Info & FAQ

Info: Visualizza e confronta 30 funzioni di easing — curve interattive, animazione al passaggio del mouse, copia con un clic di CSS cubic-bezier() o codice TypeScript. Tutta l'elaborazione avviene localmente nel tuo browser usando JavaScript nativo — nessun dato viene inviato a nessun server. Funziona completamente offline come PWA.

Domande frequenti

Quali funzioni di easing sono incluse?

Questo strumento visualizza 30 funzioni di easing standard in 10 categorie: Sine, Quad, Cubic, Quart, Quint, Expo, Circ, Back, Elastic e Bounce. Ogni categoria ha tre varianti: easeIn (inizio lento), easeOut (fine lenta) e easeInOut (inizio e fine lenti).

Posso copiare il valore CSS cubic-bezier()?

Sì. Fai clic su qualsiasi scheda per copiare il valore CSS cubic-bezier() negli appunti. Per le funzioni Elastic e Bounce — che non possono essere rappresentate come cubic-bezier — viene copiato il codice TypeScript.

Questo strumento funziona offline?

2Kit è una PWA. Dopo la prima visita, lo strumento funziona completamente offline.

I dati vengono inviati a un server?

No. Tutto il rendering delle curve e le animazioni vengono eseguiti interamente nel browser tramite l'API HTML Canvas. Nulla viene caricato o trasmesso.

Implementazione tecnica

Tutta l'elaborazione viene eseguita interamente nel browser — nessun dato viene mai inviato a server. Questo strumento funziona completamente offline come Progressive Web App (PWA): dopo la prima visita, tutte le pagine e le risorse vengono memorizzate nella cache dal Service Worker e rimangono disponibili senza connessione internet. I dati inseriti non lasciano mai il dispositivo, rendendolo sicuro per contenuti sensibili come chiavi API, password, configurazioni private e documenti riservati.

▸ Indice del sito

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