3차 베지어 여유는 고정된 시간 동안 값이 처음부터 끝까지 이동하는 방식을 설명합니다(예: 완화의 경우 300밀리초). 일반 CSS를 포함하여 모든 곳에서 예측 가능하고 지원됩니다.
스프링은 대신 물리적 시스템을 설명합니다. 강성, 감쇠 및 질량을 설정하면 값은 오버슈트 유무에 관계없이 스프링의 중량이 움직이는 방식으로 목표를 향해 이동합니다. 지속 시간은 물리학에서 비롯됩니다.
실질적인 차이점은 중단입니다. 패널이 열려 있는 동안 사용자가 다시 탭하면 베지어 애니메이션은 일반적으로 속도가 0인 상태로 현재 위치에서 다시 시작되는데, 이는 장애처럼 보입니다. 스프링은 현재 위치와 속도에서 시작되므로 동작이 새 대상을 향해 부드럽게 구부러집니다. 사용자가 제스처로 카드나 시트를 던질 때도 마찬가지입니다. 스프링은 손가락의 속도에 따라 계속됩니다.
스프링은 또한 더 적은 수의 결정으로 자연스러운 느낌을 줍니다. 하나 또는 두 개의 설정은 다양한 크기의 요소에 걸쳐 일관된 느낌을 줍니다.
베지에에는 여전히 자리가 있습니다. 중단되지 않는 불투명도, 색상 및 전환의 경우 짧은 이징 아웃이 더 간단하며 JavaScript 없이 CSS에서 작동합니다. 많은 팀에서는 이동을 위해 스프링을 사용하고 페이드를 위해 베지어를 사용합니다.