로딩창1 CSS로 HTML / JS 돌아가는 로딩 UI 만들기 ( 로딩창 만들기 / React.js / Next.js 등 ... ) 안녕하세요 이런 식으로 동글동글 돌아가는 UI가 필요한 경우가 많은데 오늘은 이걸 만들어보도록 하겠습니다 우선 이런 식으로 베이스 코드를 작성해주시고 같은 경로에 main.css / main.js를 만들어줍니다 사실 css만 있으면 되고 js는 딱히 필요한 건 아닙니다 여튼 처음 html을 생성하고 로드하면 위와 같은 화면이 뜹니다 여기서 loader는 inline 요소인 span태그로 만들어졌고 아무런 값도 가지고 있지 않습니다 일단 우선 button 태그를 가운데에 정렬해보죠 그리고 배경도 깔끔하게 베이지 색으로 적용해보겠습니다 body { background-color: beige; min-height: 100vh; display: flex; justify-content: center; align-.. 2024. 3. 16. 이전 1 다음
