Замедление кубической Безье описывает, как значение перемещается от начала до конца в течение фиксированного времени, например 300 миллисекунд с замедлением. Он предсказуем и поддерживается везде, включая простой CSS.
Вместо этого пружина описывает физическую систему. Вы устанавливаете жесткость, демпфирование и массу, и значение движется к целевому значению, как это происходит с грузом на пружине, с перерегулированием или без него. Продолжительность исходит из физики.
Практическая разница заключается в прерывании. Если пользователь снова нажимает на панель, когда панель открывается, анимация Безье обычно возобновляется с текущей позиции с нулевой скоростью, что выглядит как заминка. Пружина начинается с текущего положения и скорости, поэтому движение плавно изгибается к новой цели. То же самое происходит, когда пользователь жестом бросает карту или лист: пружина продолжает двигаться со скоростью пальца.
Пружины также кажутся естественными при меньшем количестве решений: одна или две настройки обеспечивают единообразие элементов разных размеров.
Безье еще есть место. Для непрозрачности, цвета и никогда не прерывающихся переходов проще использовать короткое замедление, которое работает в CSS без JavaScript. Многие команды используют пружины для движения и Безье для затухания.