Una flexibilización de Bézier cúbico describe cómo un valor se mueve de principio a fin durante un tiempo fijo, como 300 milisegundos con facilidad. Es predecible y compatible en todas partes, incluido el CSS simple.
En cambio, un resorte describe un sistema físico. Usted establece la rigidez, la amortiguación y la masa, y el valor se mueve hacia su objetivo de la misma manera que lo haría un peso en un resorte, con o sin exceso. La duración proviene de la física.
La diferencia práctica es la interrupción. Si un usuario vuelve a tocar mientras se abre un panel, una animación de Bézier generalmente se reinicia desde la posición actual con velocidad cero, lo que parece un problema. Un resorte comienza desde la posición y velocidad actuales, por lo que el movimiento se dobla suavemente hacia el nuevo objetivo. Lo mismo ocurre cuando un usuario lanza una carta o una hoja con un gesto: el resorte continúa con la velocidad del dedo.
Los resortes también se sienten naturales con menos decisiones: una o dos configuraciones brindan una sensación consistente en elementos de diferentes tamaños.
Béziers todavía tiene un lugar. Para opacidad, color y transiciones que nunca se interrumpen, una breve introducción es más sencilla y funciona en CSS sin JavaScript. Muchos equipos usan resortes para el movimiento y beziers para los desvanecimientos.