10 / 모션 / 직접 만든 예시

기계적인 움직임에 속도감 주기 · Easing

애니메이션 시간에 따른 속도 변화. ease-out은 빠르게 시작해 끝으로 갈수록 감속

가상 자료로 만든 동작·문서 예시 · 버튼으로 재생해보세요

이렇게 말해보세요

[패널] 등장 모션을 500ms ease-out으로 만들어줘. 같은 거리·시간의 linear 버전과 나란히 비교해줘. 모션 감소 시 이동 없이 최종 위치에 표시해줘.

왜 이 용어인가요

기간이 같아도 속도 곡선에 따라 인상이 달라집니다. “자연스럽게”를 멈추는 방식에 대한 구체적인 지시로 바꿉니다.

용어 참고 문서 ↗