Come si usa
- Seleziona un tipo di pattern: a righe, pois, scacchiera o zigzag.
- Imposta il colore principale, il colore d'accento e la dimensione in pixel.
- Guarda l'anteprima, poi copia il CSS con il pulsante di copia.
Questo generatore crea pattern ripetuti usando solo gradienti CSS, quindi non ci sono file immagine da ospitare. Il Colore principale è lo sfondo di base e il Colore d'accento è usato per le righe, i pois o i quadrati disegnati sopra. La dimensione è in pixel, da 10 a 100, e controlla quanto è grande ogni ripetizione.
A righe crea linee diagonali a 45 gradi, con ogni riga larga la metà del valore di dimensione. Pois disegna piccoli cerchi su una griglia. Scacchiera produce una scacchiera a due toni. Zigzag crea un'onda triangolare ripetuta. Ogni tipo restituisce poche righe di CSS che impostano un colore di sfondo, un'immagine di sfondo fatta di gradienti e, dove serve, una dimensione e una posizione dello sfondo.
Per usare un pattern, incolla le dichiarazioni copiate nella regola di un elemento qualsiasi, ad esempio un contenitore o il body. Potrai poi cambiare i colori o la dimensione nel tuo foglio di stile. Poiché i pattern sono costruiti con gradienti, si ridimensionano senza perdere nitidezza e non aggiungono richieste di rete.
Tutto viene generato nel tuo browser e non viene caricato nulla.
Domande frequenti
Quali pattern sono disponibili?
A righe, pois, scacchiera e zigzag.
Mi servono file immagine?
No. I pattern usano gradienti CSS, quindi non ci sono immagini da ospitare o caricare.
Cosa cambia il controllo della dimensione?
La misura in pixel di una ripetizione del pattern. Valori più grandi danno un pattern più grande.
Posso usare il CSS su qualsiasi elemento?
Sì. Incolla le dichiarazioni nella regola di qualsiasi elemento a cui vuoi dare lo sfondo.
Quello che inserisco viene caricato?
No. Il CSS viene creato nel tuo browser.