프론트엔드/SVG
트와이스 로더 svg
Marshall K
2019. 6. 1. 03:03
들어가기에 앞서, 로더란 로딩 중에 나타나는 이미지를 말합니다.
loading.io 등의 사이트에서 받을 수 있는 이미지가 그 예시겠네요.
적재적소에 활용하면 로딩 중이란 걸 가장 직관적으로 나타낼 수 있습니다.
twice-loader.svg기본적으로 흔히 사용하는 돌아가는 원과 트와이스 로고를 활용해 만들었습니다.
원 하나가 로고를 감싸고 빙빙 도는 방식입니다.
원의 색상은 트와이스 공식 색상 두 가지가 계속 반복되도록 해뒀습니다.
로고를 조금 더 작게 만든 2번째 버전입니다.
로고에 애니메이션을 추가한 3번째 버전입니다.