CSS-Easing-Funktionen

Das Modul CSS-Easing-Funktionen definiert Easing-Funktionen, die eine Möglichkeit bieten, die Transformation von Werten zu steuern. Zu den definierten Funktionen gehören lineare, kubische Bezier- und Stufen-Easing-Funktionen. Diese Easing-Funktionen können auf Animationen und Übergänge angewendet werden.

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

Alternativ könnte es gewünscht sein, dass sich eine Animation in bestimmten Schritten bewegt, um eine roboterartige Bewegung zu erzeugen oder den Effekt eines segmentierten Rades, das sich so dreht, dass die Segmente immer in derselben Position erscheinen. Dafür können Stufen-Easing-Funktionen verwendet werden.