Cómo se usa
- Selecciona un tipo de patrón: rayas, puntos, cuadros o zigzag.
- Fija el color principal, el color de acento y el tamaño en píxeles.
- Mira la vista previa y copia el CSS con el botón de copiar.
Este generador crea patrones repetitivos solo con degradados CSS, así que no hay archivos de imagen que alojar. El Color principal es el fondo base y el Color de acento se usa para las rayas, los puntos o los cuadrados dibujados encima. El tamaño está en píxeles, de 10 a 100, y controla lo grande que es cada repetición.
Rayas crea líneas diagonales a 45 grados, y cada raya mide la mitad del valor del tamaño. Puntos dibuja pequeños círculos en una cuadrícula. Cuadros produce un tablero de ajedrez de dos tonos. Zigzag crea una onda triangular repetida. Cada tipo devuelve unas pocas líneas de CSS que definen un color de fondo, una imagen de fondo hecha de degradados y, cuando hace falta, un tamaño y una posición de fondo.
Para usar un patrón, pega las declaraciones copiadas en la regla de cualquier elemento, por ejemplo un contenedor o el body. Después puedes cambiar los colores o el tamaño en tu propia hoja de estilos. Como los patrones se construyen con degradados, se escalan con nitidez y no añaden peticiones de red extra.
Todo se genera en tu navegador y no se sube nada.
Preguntas frecuentes
¿Qué patrones hay disponibles?
Rayas, puntos, cuadros y zigzag.
¿Necesito archivos de imagen?
No. Los patrones usan degradados CSS, así que no hay imágenes que alojar ni cargar.
¿Qué cambia el control de tamaño?
La dimensión en píxeles de una repetición del patrón. Los valores más grandes dan un patrón mayor.
¿Puedo usar el CSS en cualquier elemento?
Sí. Pega las declaraciones en la regla de cualquier elemento en el que quieras el fondo.
¿Se sube mi entrada?
No. El CSS se crea en tu navegador.