Acasă » Blog » CSS dot pattern background

CSS dot pattern background

Creare fundal punctat cu ajutorul CSS

Daca este nevoie de un fundal punctat, calea anevoioasa de creare a unei imagini punctate folosite ca fundal si repetate orizontal si vertical nu mai este singura solutie pentru aceasta sarcina.

CSS vine in ajutorul programatorului front-end prin cateva directive simple care ne ajuta sa cream acest background punctat (CSS dot pattern / grid background)

Iata codul folosit pentru fundalul acestui articol:

body .content{

    background-image: radial-gradient(
        circle at center,
        #ec3c06 0,
        #ec3c06 1px,
        white 1px,
        white 100%);
    background-repeat: repeat;
    background-position: left center;
    background-size: 12px 12px;

}
nv-author-image

Traian Constantin Predan

Inginer absolvent al Politehnicii București proiectează și construiește sisteme online. Lucrează proiecte extrem de diverse, îi plac viziunile noi care provoacă la dezvoltarea unor soluții tehnice eficiente și stabile.