Skip to main content
DevTools24

Gerador de Padrões de Fundo CSS

Gere padrões de fundo CSS como pontos, grades, listras e xadrez usando CSS puro.

background-color: #1a1a2e;
background-image: radial-gradient(#3b82f6 1px, transparent 1px);
background-size: 20px 20px;

Padrões de Fundo CSS - Detalhes Técnicos

Padrões de fundo CSS usam gradientes e background-size para criar padrões repetitivos sem imagens. Gradientes radiais criam pontos, gradientes lineares criam listras e grades. Múltiplos fundos podem ser empilhados para efeitos complexos. Padrões CSS puros são leves e escalam perfeitamente.

Alternativa via Linha de Comando

.dots {\n  background: radial-gradient(circle, #000 1px, transparent 1px);\n  background-size: 20px 20px;\n}

Referência

Ver Especificação Oficial