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 Bézier- und Schritt-Easing-Funktionen. Diese Easing-Funktionen können auf Animationen und Übergänge angewendet werden.

Die Geschwindigkeit, mit der sich ein Element bewegt, allmählich zu erhöhen, kann dem Element ein Gefühl von Gewicht verleihen, da es scheint, an Schwung zu gewinnen. 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 vielleicht, dass sich eine Animation in deutlichen Schritten vorwärts bewegt, um roboterartige Bewegungen zu erzeugen oder den Effekt eines segmentierten Rads, das sich so dreht, dass die Segmente immer in der gleichen Position erscheinen. Dafür können Schritt-Easing-Funktionen verwendet werden.