Tistory(#1) 간단하게 로딩 창 구현하기
이 TisTory(#1) 간단하게 로딩 창 구현하기 포스팅은 Tistory(#1) theme toggle 구현하기를 일부 공유합니다. html html 코드는 크게 3개의 요소로 이루어집니다. #loading → loading 화면 전체 #loading-circle → loading을 의미하는 원 #loading-empty → #loading-circle에서 원의 미완성 부분 loading.css #loading { display: flex; justify-content: center; align-items: center; z-index: 32; position: fixed; top: 0; width: 100vw; height: 100vh; background-color: var(--background-..
CSS
2022. 2. 26. 21:44