[CSS] 둥근 모서리 링을 가진 Spinner UI 만들기
YEONSUI에 Spinner 컴포넌트를 만들기 위해 디자인을 살펴보았다. 내가 참고한 디자인은 디지털 정부서비스 UI/UX 가이드라인이다.
💫 UI 살펴보기
가운데가 뚫린 원 안에 둥근 모서리를 가진 링이 있다. 이 링이 빙글빙글 돌아가는 애니메이션도 적용할 것이다.
🔴 처음에 생각한 방식 (이렇게 하지 마세요)
div 안에 Spinner를 만들고 border-bottom-color로 원의 25%를 링으로 채워야겠다. 그리고 해당 div...
yeonsu.hashnode.dev2 min read