CSS 배경 패턴 생성기
순수 CSS를 사용하여 점, 격자, 줄무늬 및 체커보드와 같은 CSS 배경 패턴을 생성합니다.
background-color: #1a1a2e; background-image: radial-gradient(#3b82f6 1px, transparent 1px); background-size: 20px 20px;
CSS 배경 패턴 - 기술 세부 정보
CSS 배경 패턴은 그라데이션과 background-size를 사용하여 이미지 없이 반복 패턴을 만듭니다. 방사형 그라데이션은 점을 만들고, 선형 그라데이션은 줄무늬와 격자를 만듭니다. 복잡한 효과를 위해 여러 배경을 레이어링할 수 있습니다. 순수 CSS 패턴은 가볍고 완벽하게 확장됩니다.
명령줄 대안
.dots {\n background: radial-gradient(circle, #000 1px, transparent 1px);\n background-size: 20px 20px;\n}