Over deze tool
Bouw een herhalend achtergrondpatroon — strepen, schaakbord, stippen of raster — uit twee kleuren en een grootte, alleen met gradients, en kopieer dan de CSS. Het voorbeeld werkt live bij in je browser.
Veelgestelde vragen
Hoe worden deze patronen zonder afbeeldingen gemaakt?
Ze gebruiken CSS lineaire en radiale gradients met background-size, die de browser tegelt om het herhalende patroon te tekenen.
Schaalt het patroon op schermen met hoge dichtheid?
Ja — gradients zijn vectorgebaseerd, dus het patroon blijft scherp bij elke resolutie of zoomniveau.