Css Background Pattern

Lag ren-CSS repeterende bakgrundsmønstre uten noen bildefil. Velg mellom fem innebygde mønstertyper — dots, grid, diagonal, zigzag og waves — velg en forgrunns- og bakgrunnsfarge, sett flisstørrelsen, og verktøyet sender ut de nøyaktige background-image / background-size-deklarasjonene som trengs for å gjenskape mønsteret.

1. Velg et Mønster fra rullegardinmenyen (dots, grid, diagonal, zigzag, waves). 2. Sett forgrunnsfargen (linjene eller prikkene) og bakgrunnsfargen med fargevelgerne. 3. Dra Størrelse-glideren (5–50px) for å endre flisavstanden. 4. Kopier den genererte CSS-en, som allerede inkluderer de nødvendige background-color, background-image og background-size-egenskapene.

dots: radial-gradient-prikker på et rutenett. grid: kryssede linear-gradients som danner et rutenett. diagonal: repeating-linear-gradient-striper ved 45deg. zigzag: fire lag med linear-gradients som danner en zigzag-flis. waves: radial-gradient-buer som gjentas horisontalt. Størrelse styrer flisdimensjonen i piksler og brukes per mønster som dokumentert i kildekoden.