Eine Kubik-Bezier-Beschleunigung beschreibt, wie sich ein Wert über einen festen Zeitraum, z. B. 300 Millisekunden mit Ease-Out, vom Anfang zum Ende bewegt. Es ist vorhersehbar und wird überall unterstützt, auch im einfachen CSS.
Stattdessen beschreibt eine Feder ein physikalisches System. Sie legen Steifigkeit, Dämpfung und Masse fest, und der Wert bewegt sich in Richtung seines Ziels, wie es ein Gewicht auf einer Feder tun würde, mit oder ohne Überschwingen. Die Dauer ergibt sich aus der Physik.
Der praktische Unterschied ist die Unterbrechung. Wenn ein Benutzer erneut tippt, während ein Panel geöffnet wird, startet eine Bezier-Animation normalerweise an der aktuellen Position ohne Geschwindigkeit neu, was wie ein Problem aussieht. Eine Feder startet von der aktuellen Position und Geschwindigkeit, sodass die Bewegung sanft auf das neue Ziel zusteuert. Das Gleiche gilt, wenn ein Nutzer eine Karte oder ein Blatt mit einer Geste wirft: Die Feder setzt sich mit der Geschwindigkeit des Fingers fort.
Federn fühlen sich auch mit weniger Entscheidungen natürlich an: Eine oder zwei Einstellungen sorgen für ein einheitliches Gefühl bei Elementen unterschiedlicher Größe.
Beziers hat immer noch einen Platz. Für Deckkraft, Farbe und Übergänge, die nie unterbrochen werden, ist ein kurzes Ease-Out einfacher und funktioniert in CSS ohne JavaScript. Viele Teams verwenden Federn für die Bewegung und Beziers für Fades.