와플앱 도구 안내

CSS 로딩 스피너 생성기

  • CSS 로딩 스피너 생성기는 웹페이지 제작에 필요한 코드 조각을 만들거나 정리하는 도구입니다.
  • 제목, 설명, 색상, 규칙, 디자인 옵션을 입력하면 CSS나 HTML 메타 코드를 생성합니다.
  • 생성된 코드를 확인해 사이트 헤더, 스타일, SEO 설정에 붙여 넣을 수 있습니다.

CSS 로딩 스피너 생성기

원형, 점 3개, 막대형 로딩 애니메이션을 미리 보고 CSS 코드를 만듭니다.

모양
크기
속도

HTML에는 <div class="loader"></div>를 넣고, 출력된 CSS를 적용하면 됩니다.