← Deseño e CSS
Deseño e CSS · execútase localmente

Xerador de patróns de fondo CSS

Crea fondos lixeiros de puntos, cuadrícula ou raias diagonais a partir de gradientes CSS, con espazado, grosor de trazo e cores controlados no canto de recursos de imaxe.

Listo. Os teus datos de traballo permanecen neste navegador.

Por que é útil esta ferramenta

Engade unha textura nítida e escalable a áreas hero, tarxetas ou estados baleiros sen incorporar un fondo rasterizado nin facer unha petición extra.

Como funciona

O patrón elixido selecciona unha fórmula de degradado revisada, mentres o espazado e o tamaño da liña están limitados para que a vista previa e o CSS copiado sigan sendo previsibles.

Exemplo práctico

Constrúe unha grade de puntos azuis de 20 píxeles sobre un fondo pálido para a cabeceira dun panel e reutiliza o resultado en calquera densidade de pantalla.

Validación

O cálculo é determinista e explica os erros de validación en lugar de cambiar silenciosamente a entrada inválida.

Límite de privacidade

A entrada e a saída permanecen nesta pestana. A copia e a descarga realízanse a través das APIs do navegador sen subir datos a un servidor.

Pasaporte de resultado

Cada execución informa do seu modo de ferramenta, marca temporal e tamaño de entrada/saída para que os datos transformados poidan ser auditados.