본문으로 건너뛰기

모션과 포커스

Lyra 가 정한 값이다. 표는 @duolabs-deux/lyra-ui 의 scope.css 에서 읽고, 견본은 Lyra 경계 안에서 그린다.

포커스 견본

값

--chart-motion-duration
300ms

움직임 · 필수

--chart-motion-ease
cubic-bezier(0.2, 0, 0, 1)

움직임 · 필수

--number-motion-duration
0s

움직임 · 필수

--number-motion-ease
cubic-bezier(0.2, 0, 0, 1)

움직임 · 필수

--dx-focus-color
#666cf0

포커스 · 필수

--dx-focus-width
2px

포커스 · 필수

--dx-focus-offset
-2px

포커스 · 필수