본문으로 건너뛰기

모션과 포커스

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

포커스 견본

값

--chart-motion-duration
320ms

움직임 · 필수

--chart-motion-ease
steps(4, end)

움직임 · 필수

--number-motion-duration
300ms

움직임 · 필수

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

움직임 · 필수

--dx-focus-color
#111111

포커스 · 필수

--dx-focus-width
2px

포커스 · 필수

--dx-focus-offset
2px

포커스 · 필수