Пом’якшення кубічного Без’є описує, як значення переміщується від початку до кінця протягом фіксованого часу, наприклад 300 мілісекунд із послабленням. Він передбачуваний і підтримується всюди, включаючи простий CSS.
Натомість пружина описує фізичну систему. Ви встановлюєте жорсткість, демпфірування та масу, і значення рухається до цільового значення так, як це зробив би вантаж на пружині, з перевищенням або без нього. Тривалість випливає з фізики.
Практична різниця полягає в перериванні. Якщо користувач торкається ще раз під час відкриття панелі, анімація Безьє зазвичай запускається з поточної позиції з нульовою швидкістю, що виглядає як заминка. Пружина починається з поточної позиції та швидкості, тому рух плавно згинається до нової цілі. Те саме стосується, коли користувач кидає картку чи аркуш жестом: пружина продовжується зі швидкістю пальця.
Пружини також виглядають природно з меншою кількістю рішень: одне або два налаштування дають узгоджене відчуття між елементами різних розмірів.
Безьє ще має місце. Для непрозорості, кольору та переходів, які ніколи не перериваються, коротке зменшення простіше та працює в CSS без JavaScript. Багато команд використовують пружини для руху та безьє для зникнення.