Easing API
Bewerten Sie Animations-Easing- und Timing-Funktionen. Der Beispiel-Endpunkt berechnet jede der 31 standardmäßigen Penner-Easings – easeInOutCubic, easeOutBounce, easeInOutElastic, easeInBack, easeOutExpo, easeInOutSine und die restlichen – die vier CSS-Schlüsselwörter (ease, ease-in, ease-out, ease-in-out) oder Ihre eigene CSS cubic-bezier(x1,y1,x2,y2)-Timing-Funktion, exakt gelöst mit Newton-Raphson. Fragen Sie nach einem einzelnen Fortschrittswert t oder übergeben Sie steps=N, um eine fertige Tabelle mit {t, value}-Punkten für die Erstellung von Keyframes, Sprite-Zeitachsen, Scroll-Animationen und Interpolations-Nachschlagetabellen zu erhalten. Der Listen-Endpunkt gibt jeden unterstützten Easing-Namen mit dem cubic-bezier für die CSS-Schlüsselwörter zurück. Eased-Werte können für back, elastic und bounce unter 0 oder über 1 ausschlagen, genau wie von Designern erwartet. Ideal für Bewegungsdesign, Spiel- und UI-Animation, CSS- und Canvas/WebGL-Tooling, Diagramm- und Datenvisualisierungs-Übergänge und überall dort, wo Sie eine präzise Timing-Kurve benötigen, ohne eine Bibliothek einzubinden. Reine lokale Berechnung – kein Schlüssel, kein Drittanbieter-Service, sofort. Live, nichts gespeichert. 3 Endpunkte. Dies berechnet die Kurvenwerte; zum Konvertieren von Farben oder Erstellen von Verläufen verwenden Sie die Farb- und Verlaufs-APIs.
api.oanor.com/easing-api
