Desarrollador
Generador de patrones CSS
Patrones de fondo en CSS puro (rayas, puntos, damero).
- Instantánea
- Gratis
- Privada (procesada localmente)
- Sin registro
Crear un patrón
Elige el patrón, los colores y el tamaño: la vista previa se actualiza y el código CSS está listo para copiar.
Patrones disponibles
| Patrón | Técnica |
|---|---|
| Rayas | repeating-linear-gradient |
| Puntos | radial-gradient |
| Cuadrícula | linear-gradient × 2 |
| Damero | repeating-conic-gradient |
CSS puro, 100% local.
Preguntas frecuentes
¿Por qué CSS en vez de imagen?
Es más ligero, nítido a cualquier zoom y escala sin pérdida ni petición de red.
¿Cómo usarlo?
Copia el bloque CSS y aplícalo a un elemento (o body) mediante una clase.
¿Funciona en todas partes?
Los degradados CSS usados son compatibles con todos los navegadores modernos.