Generador de Patrones de Fondo CSS
Genera patrones de fondo CSS como puntos, cuadrículas, rayas y tableros de ajedrez usando CSS puro.
background-color: #1a1a2e; background-image: radial-gradient(#3b82f6 1px, transparent 1px); background-size: 20px 20px;
Patrones de Fondo CSS - Detalles técnicos
Los patrones de fondo CSS usan gradientes y background-size para crear patrones repetitivos sin imágenes. Los gradientes radiales crean puntos, los gradientes lineales crean rayas y cuadrículas. Múltiples fondos pueden superponerse para efectos complejos. Los patrones CSS puros son ligeros y escalan perfectamente.
Alternativa de línea de comandos
.dots {\n background: radial-gradient(circle, #000 1px, transparent 1px);\n background-size: 20px 20px;\n}