도트 그리드 생성기
도트 그리드의 밀도와 모양을 조정하고 브라우저에서 미리 본 뒤 CSS를 복사하세요.
열과 행은 2~40, 점은 1~8px, 간격은 4~64px입니다.
사용 방법
사용 방법
- 열과 행 수, 점 크기, 간격을 제한된 범위에서 선택합니다.
- 점과 배경 색상을 정하고 실시간 미리 보기를 확인합니다.
- 생성된 CSS를 스타일시트나 컴포넌트에 복사합니다.
CSS 전용 도트 그리드
브라우저에서 radial-gradient로 만들며 많은 DOM 요소나 이미지 파일을 만들지 않습니다.
제한된 컨트롤
열과 행은 2~40, 점은 1~8px, 간격은 4~64px로 제한됩니다.
로컬에서 복사 가능
색상, 미리 보기, CSS는 브라우저에서 로컬로 처리됩니다.
자주 묻는 질문
더 알아보기
이미지를 만드나요?
아니요. radial-gradient CSS 배경이라 가볍고 크기를 조절할 수 있습니다.
열과 행은 무엇을 바꾸나요?
선택한 간격과 점 크기를 기준으로 원하는 밀도를 지정합니다.
색상이 업로드되나요?
아니요. 모든 작업은 브라우저에서 처리됩니다.