Foundation
Motion
Apple-style duration + easing.
100ms 미만: 즉시 인지 / 200ms: 자연 / 400ms+: 답답. 대부분의 UI 트랜지션은 fast/base.
prefers-reduced-motion 자동 처리 (globals.css).
var(--motion-duration-base) · duration-base · ease-standard
Duration
duration.instant0msduration.fast120msduration.base200msduration.slow320msduration.slower480msEasing
ease.standardcubic-bezier(0.4, 0.0, 0.2, 1)ease.emphasizedcubic-bezier(0.2, 0.0, 0, 1)ease.entrancecubic-bezier(0.0, 0.0, 0.2, 1)ease.exitcubic-bezier(0.4, 0.0, 1, 1)