CSS-Easing-Funktionen

Das CSS-Easing-Funktionen-Modul definiert Easing-Funktionen, die eine Möglichkeit bieten, die Transformation von Werten zu steuern. Die definierten Funktionen umfassen lineare, kubische Bézier- und Schritt-Easing-Funktionen. Diese Easing-Funktionen können auf Animationen und Transitionen 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 scheint, an Schwung zuzunehmen. Easing-Funktionen ermöglichen es Ihnen, die Änderungsrate zu steuern. Kubische Bézier-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 sich in bestimmten Schritten vorwärts bewegt, um eine roboterartige Bewegung oder den Effekt eines segmentierten Rads zu schaffen, das sich so dreht, dass die Segmente immer in der gleichen Position erscheinen. Dafür können Schritt-Easing-Funktionen verwendet werden.