Easing-functies Visualizer

Klik op een kaart om de CSS cubic-bezier()-waarde of TypeScript-functiecode naar het klembord te kopiëren. Hover voor een animatievoorbeeld.

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

Over & FAQ

Over: Visualiseer en vergelijk 30 easing-functies — interactieve curves, hover-animatie, kopieer CSS cubic-bezier() of TypeScript-code met één klik. Alle verwerking vindt lokaal in uw browser plaats met native JavaScript — er worden geen gegevens naar een server verzonden. Werkt volledig offline als PWA.

Veelgestelde vragen

Welke easing-functies zijn opgenomen?

Deze tool visualiseert 30 standaard easing-functies in 10 categorieën: Sine, Quad, Cubic, Quart, Quint, Expo, Circ, Back, Elastic en Bounce. Elke categorie heeft drie varianten: easeIn (langzame start), easeOut (langzaam einde) en easeInOut (langzame start en einde).

Kan ik de CSS cubic-bezier()-waarde kopiëren?

Ja. Klik op een kaart om de CSS cubic-bezier()-waarde naar het klembord te kopiëren. Voor Elastic- en Bounce-functies — die niet als cubic-bezier kunnen worden weergegeven — wordt de TypeScript-functiecode gekopieerd.

Werkt deze tool offline?

2Kit is een PWA. Na je eerste bezoek werkt het volledig offline.

Worden er gegevens naar een server gestuurd?

Nee. Alle curveweergave en animaties draaien volledig in je browser met de HTML Canvas API. Er wordt niets geüpload of verzonden.

Technische implementatie

Alle verwerking vindt volledig in uw browser plaats — er worden nooit gegevens naar servers verzonden. Dit hulpmiddel werkt volledig offline als Progressive Web App (PWA): na het eerste bezoek worden alle pagina's en bestanden opgeslagen door de Service Worker en blijven beschikbaar zonder internetverbinding. Uw invoergegevens verlaten uw apparaat nooit, waardoor het veilig is voor gevoelige inhoud zoals API-sleutels, wachtwoorden, privéconfiguraties en vertrouwelijke documenten.

▸ Site-index

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