Informazioni su questo strumento
Crea un pattern di sfondo ripetuto - righe, scacchiera, punti o griglia - a partire da due colori e una dimensione, usando solo gradienti, poi copia il CSS. L'anteprima si aggiorna dal vivo nel tuo browser.
Domande frequenti
Come vengono creati questi pattern senza immagini?
Usano gradienti lineari e radiali CSS con background-size, che il browser affianca per disegnare il pattern ripetuto.
Il pattern si adatta agli schermi ad alta densità?
Sì: i gradienti sono basati su vettori, quindi il pattern resta nitido a qualsiasi risoluzione o livello di zoom.