En cubic-bezier easing beskriver hur ett värde rör sig från början till slut över en fast tid, till exempel 300 millisekunder med ease-out. Det är förutsägbart och stöds överallt, inklusive vanlig CSS.
En fjäder beskriver istället ett fysiskt system. Du ställer in styvhet, dämpning och massa, och värdet rör sig mot sitt mål som en vikt på en fjäder skulle, med eller utan överskridande. Varaktigheten kommer från fysiken.
Den praktiska skillnaden är avbrott. Om en användare trycker igen medan en panel öppnas, startar en bezier-animation vanligtvis om från den aktuella positionen med noll hastighet, vilket ser ut som ett hake. En fjäder startar från nuvarande position och hastighet, så rörelsen böjs mjukt mot det nya målet. Detsamma gäller när en användare kastar ett kort eller ark med en gest: fjädern fortsätter med fingrets hastighet.
Fjädrar känns också naturliga med färre beslut: en eller två inställningar ger en konsekvent känsla över element i olika storlekar.
Beziers har fortfarande en plats. För opacitet, färg och övergångar som aldrig avbryts är en kort ease-out enklare och fungerar i CSS utan JavaScript. Många lag använder fjädrar för rörelse och beziers för blekning.