UTILS.
기본부터 지키는 개인정보
◜

CSS 스피너 생성기

순수 CSS 로딩 스피너를 생성하고 CSS를 복사하세요.

파일은 이 기기에만 남습니다

파일은 브라우저에서 처리되며 업로드되지 않습니다. 사이트는 도구 실행에 필요한 코드와 리소스를 다운로드합니다. 계정이나 추적은 없습니다.

다운로드를 눌러 이 도구를 하나의 HTML 파일로 저장하고 오프라인으로 사용하세요.

개인정보 →

이 도구에 대하여

링, 점, 막대 스타일의 순수 CSS 로딩 스피너를 사용자 지정 크기, 색상, 속도로 만들고 CSS와 키프레임을 복사하세요. 미리보기는 브라우저 안에서 실시간으로 애니메이션됩니다.

자주 묻는 질문

스피너에 이미지나 JavaScript가 필요한가요?
아니요. HTML 요소와 CSS 키프레임만으로 만들어지므로 추가 자원 없이 어떤 페이지에서도 동작합니다.
회전 속도를 어떻게 바꾸나요?
속도 슬라이더가 애니메이션 지속 시간을 초 단위로 설정합니다. 값이 작을수록 빠르게, 클수록 느리게 회전합니다.

더 많은 도구