English
EspañolPadrões de fundo em CSS
Escolha o padrão e ajuste as duas cores, o tamanho e a espessura. O fundo é feito com gradientes do CSS: não pesa nada e fica nítido em qualquer tela.
Fundos com padrão, só com CSS
Disponível em: 
Padrões de fundo em CSS: para que serve
Escolha entre oito padrões feitos só com gradientes do CSS (bolinhas, grade de pontos, quadriculado, linhas, listras, diagonais, xadrez e zigue-zague) e ajuste as duas cores, o tamanho e a espessura. A miniatura de cada padrão já mostra as suas cores.
O código não usa imagem nenhuma: é leve e fica nítido em qualquer resolução.
Como usar
- Escolha o padrão.
- Ajuste cores, tamanho e espessura.
- Copie o CSS e aplique a classe fundo.
Quando usar
- Fundos discretos para seções de sites.
- Cabeçalhos e banners com textura.
- Fundos de apresentações e mockups.
Perguntas frequentes
Por que fazer o padrão em CSS?
Porque não precisa baixar imagem: o navegador desenha o padrão com gradientes. O código tem poucas linhas, não perde qualidade em telas de alta resolução e muda de cor só trocando os valores.
Como deixar o padrão discreto?
Use duas cores bem próximas (por exemplo, fundo #ffffff e padrão #eef2f7) ou deixe a cor do padrão com transparência. Padrões fortes atrás de textos atrapalham a leitura.
Funciona em todos os navegadores?
Sim. Os padrões usam linear-gradient, radial-gradient e repeating-linear-gradient, que todos os navegadores atuais suportam.
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.