Motion Tabs Menu

설계 철학

화면 하단에 떠 있는 내비게이션이 필요한 만큼만 공간을 차지하도록, 활성 탭의 라벨 길이에 맞춰 폭이 유동적으로 변합니다. 아이콘만으로 콤팩트하게 시작해 선택 시에만 맥락(라벨·콘텐츠)을 드러내는 점진적 노출 패턴입니다.

동작 원칙

• 폭 확장 — 활성 탭 라벨 길이에 맞춰 컨테이너 폭이 스프링으로 늘어납니다.

• 라벨 딜레이 — 폭 애니메이션 시작 80ms 뒤 라벨이 페이드인합니다.

• 방향 인식 전환 — 탭 이동 방향에 따라 콘텐츠가 좌/우에서 슬라이드인합니다.

• 탭 피드백 — 클릭 시 scaleY 0.8 수직 스쿼시 후 스프링 복귀.

• 외부 클릭 축소 — 메뉴 밖을 클릭하면 확장된 패널이 닫힙니다.

적용 가능 개발언어