본문으로 건너뛰기

모션과 포커스

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

포커스 견본

값

--chart-motion-duration
600ms

움직임 · 필수

--chart-motion-ease
cubic-bezier(0.34, 1.4, 0.64, 1)

움직임 · 필수

--number-motion-duration
800ms

움직임 · 필수

--number-motion-ease
cubic-bezier(0.34, 1.4, 0.64, 1)

움직임 · 필수

--dx-focus-color
#347054

포커스 · 필수

--dx-focus-width
2px

포커스 · 필수

--dx-focus-offset
2px

포커스 · 필수