CSS-baggrundsmønster

Generer repetitiv CSS-bakgrundsmønster uden nogen billedfil. Vælg mellem fem indbyggede mønstertyper – punkter, rætningsskema, diagonal, zigzag og bøger – vælg en førgrunds- og bakgrundsfarve, sæt til tile-størrelse, og værktøjet genererer de præcise background-image / background-size-deklarationer, der er nødvendige for at reproducere mønstret.

1. Vælg en mønster fra rullemenyen (punkter, gitter, diagonalt, zigzag, bøger). 2. Stilfør foreground-color (linjene eller punkterne) og background-color med farvevalgerningerne. 3. Træk skærmen for storlek (5–50px) for at ændre afstanden mellem fliserne. 4. Kopier den genererede CSS, som allerede indeholder de nødvendige egenskaberne background-color, background-image og background-size.

punkter: radial-gradient-punkter på en grid. grid: korsede linear-gradients, der former en grid. diagonal: repeterede linear-gradients-strejer på 45°. zigzag: fire lag af linear-gradients, der former en zigzag-flise. bøger: radial-gradient-arker, som repeteres horisontalt. Størrelsen kontrollerer flisens dimension i pikser og tilføres for hver mønster, som dokumenteret er i kilden.