Uma atenuação cúbica de bezier descreve como um valor se move do início ao fim durante um tempo fixo, como 300 milissegundos com atenuação. É previsível e compatível em todos os lugares, incluindo CSS simples.
Em vez disso, uma mola descreve um sistema físico. Você define rigidez, amortecimento e massa, e o valor se move em direção ao seu alvo da mesma forma que um peso em uma mola faria, com ou sem ultrapassagem. A duração vem da física.
A diferença prática é a interrupção. Se um usuário tocar novamente enquanto um painel está abrindo, uma animação bezier geralmente reinicia a partir da posição atual com velocidade zero, o que parece um problema. Uma mola começa a partir da posição e velocidade atuais, de modo que o movimento se curva suavemente em direção ao novo alvo. O mesmo se aplica quando um usuário lança um cartão ou folha com um gesto: a mola continua com a velocidade do dedo.
As molas também parecem naturais com menos decisões: uma ou duas configurações proporcionam uma sensação consistente em elementos de tamanhos diferentes.
Béziers ainda tem um lugar. Para opacidade, cores e transições que nunca são interrompidas, uma breve suavização é mais simples e funciona em CSS sem JavaScript. Muitas equipes usam molas para movimento e beziers para fades.