Easing API
Evalueer animatie-easing en timingfuncties. Het voorbeeld-eindpunt berekent elk van de 31 standaard Penner-easings — easeInOutCubic, easeOutBounce, easeInOutElastic, easeInBack, easeOutExpo, easeInOutSine en de rest — de vier CSS-sleutelwoorden (ease, ease-in, ease-out, ease-in-out), of uw eigen CSS cubic-bezier(x1,y1,x2,y2) timingfunctie, exact opgelost met Newton-Raphson. Vraag een enkele voortgangswaarde t aan, of geef steps=N door om een kant-en-klare tabel met {t, value} punten te krijgen voor het bouwen van keyframes, sprite-tijdlijnen, scroll-animaties en interpolatie-opzoektabellen. Het lijst-eindpunt retourneert elke ondersteunde easing-naam met de cubic-bezier voor de CSS-sleutelwoorden. Eased-waarden kunnen onder 0 of boven 1 uitschieten voor back, elastic en bounce, precies zoals ontwerpers verwachten. Ideaal voor motion design, game- en UI-animatie, CSS- en canvas/WebGL-tooling, grafieken en datavisualisatie-overgangen, en overal waar u een precieze timingcurve nodig heeft zonder een bibliotheek te importeren. Pure lokale berekening — geen sleutel, geen externe service, direct. Live, niets opgeslagen. 3 eindpunten. Dit berekent de curvewaarden; om kleuren om te zetten of verloop te bouwen, gebruikt u de kleur- en verloop-API's.
api.oanor.com/easing-api