본문으로 건너뛰기

모션과 포커스

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

포커스 견본

값

--chart-motion-duration
700ms

움직임 · 필수

--chart-motion-ease
cubic-bezier(0.22, 1, 0.36, 1)

움직임 · 필수

--number-motion-duration
900ms

움직임 · 필수

--number-motion-ease
cubic-bezier(0.22, 1, 0.36, 1)

움직임 · 필수

--dx-focus-color
#7c3f8f

포커스 · 필수

--dx-focus-width
2px

포커스 · 필수

--dx-focus-offset
0px

포커스 · 필수