로딩 화면 만들기 (with css)
1. preview See the Pen loading_circle by KumJungMin (@kumjungmin) on CodePen. 2. 코드 분석 1) html 안에 세 개의 요소를 자식으로 둔다. 은 이제 로딩할 때의 원이 된다. 대신 를 써도 된다. 대신 class 이름을 지정해야한다. (1) 하나의 div에 원 요소를 자식으로 둔다. 2) css (1) body안의 요소들을 상하좌우 중앙 배치한다. body { margin: 0; display: flex; /*내부 요소들이 차례로 배치 */ justify-content: center; /*내부 요소의 좌우 정렬 상태를 가운데로 설정*/ align-items: center; /*요소는 세로 중앙 배치*/ height: 100vh; /*웹 크..
2021. 9. 21.
