Programador

Gerador de padrões CSS

Padrões de fundo em CSS puro (riscas, pontos, xadrez).

  • Instantânea
  • Grátis
  • Privada (processada localmente)
  • Sem registo
Código CSS
 

ℹ️ Crie um padrão de fundo leve em CSS puro (sem imagem): escolha o tipo, as cores e o tamanho, e copie o código para a folha de estilos. Ideal para fundos nítidos e eficientes. 100% local.

Criar um padrão

Escolha o padrão, as cores e o tamanho: a pré-visualização atualiza e o código CSS fica pronto a copiar.

Padrões disponíveis

PadrãoTécnica
Riscasrepeating-linear-gradient
Pontosradial-gradient
Grelhalinear-gradient × 2
Xadrezrepeating-conic-gradient

CSS puro, 100% local.

Perguntas frequentes

Porquê CSS em vez de imagem?

É mais leve, nítido em qualquer zoom e escala sem perdas nem pedido de rede.

Como usar?

Copie o bloco CSS e aplique-o a um elemento (ou body) através de uma classe.

Funciona em todo o lado?

Os gradientes CSS usados são suportados por todos os navegadores modernos.