CSS-Easing-Funktionen

Das CSS-Easing-Funktionen-Modul definiert Easing-Funktionen, die eine Möglichkeit bieten, die Transformation von Werten zu kontrollieren. Die definierten Funktionen umfassen lineare, kubische Bezier- und Schritt-Easing-Funktionen. Diese Easing-Funktionen können auf Animationen und Übergänge angewendet werden.

Das allmähliche Erhöhen der Geschwindigkeit, mit der sich ein Element bewegt, kann dem Element ein Gefühl von Gewicht verleihen, da es scheinbar an Schwung gewinnt. Easing-Funktionen ermöglichen es Ihnen, die Änderungsrate zu steuern. Kubische Bezier-Easing-Funktionen können verwendet werden, um intuitive Benutzeroberflächenelemente oder überzeugende Cartoon-Requisiten zu erzeugen, die sich wie ihre physischen Gegenstücke verhalten.

Alternativ möchten Sie möglicherweise, dass eine Animation in bestimmten Schritten voranschreitet, um eine roboterartige Bewegung zu erzeugen oder den Effekt eines segmentierten Rads, das sich so dreht, dass die Segmente immer in derselben Position erscheinen. Dafür können Schritt-Easing-Funktionen verwendet werden.