Lyra 모션과 포커스
개발 도구의 속도를 방해하지 않는 짧은 피드백만 사용하고, reduced motion과 키보드 포커스를 기본 동작으로 보장한다.
Duration
instant0ms
동기 상태 반영
fast100ms
hover와 press
moderate200ms
메뉴와 팝오버
slow300ms
패널과 큰 레이아웃
Easing
--lyra-ease-defaulthover와 미세 상호작용--lyra-ease-enter등장하는 요소--lyra-ease-move이동과 크기 변화--lyra-ease-linearprogress와 반복 회전Keyboard focus
2px interactive outline을 -2px offset으로 적용한다. 색상 외에도 명확한 외곽 형태를 유지하며, 포커스 가능한 요소에서 outline을 제거하지 않는다.
prefers-reduced-motion: reduce에서는 fast, moderate, slow duration을 모두 0ms로 낮춘다.