rings Patterns

Gray Rings CSS3 Background Pattern

You can download the pattern or use the CSS3 code below (you can copy the text). body { /* CSS3 pattern provided by JonesPatterns.com */ background-image: radial-gradient(circle,white 0%,#bbb 2%,white 5%,white 10%,#aaa 12%,white 15%,white 20%,#bbb 22%,white 25%,white 30%,#aaa 32%,white 35%,white 40%,#bbb 42%,white 45%,white 50%,#aaa 52%,white 55%,white 60%,#bbb 62%,white 65%); background-image: -webkit-radial-gradient(circle,white 0%,#bbb 2%,white 5%,white 10%,#aaa 12%,white Gray Rings CSS3 Background Pattern

Get Pattern

Gray Rings CSS3 Background Pattern

You can download the pattern or use the CSS3 code below (you can copy the text).

body {
/* CSS3 pattern provided by JonesPatterns.com */
background-image: radial-gradient(circle,white 0%,#bbb 2%,white 5%,white 10%,#aaa 12%,white 15%,white 20%,#bbb 22%,white 25%,white 30%,#aaa 32%,white 35%,white 40%,#bbb 42%,white 45%,white 50%,#aaa 52%,white 55%,white 60%,#bbb 62%,white 65%);
background-image: -webkit-radial-gradient(circle,white 0%,#bbb 2%,white 5%,white 10%,#aaa 12%,white 15%,white 20%,#bbb 22%,white 25%,white 30%,#aaa 32%,white 35%,white 40%,#bbb 42%,white 45%,white 50%,#aaa 52%,white 55%,white 60%,#bbb 62%,white 65%);
background-image: -o-radial-gradient(circle,white 0%,#bbb 2%,white 5%,white 10%,#aaa 12%,white 15%,white 20%,#bbb 22%,white 25%,white 30%,#aaa 32%,white 35%,white 40%,#bbb 42%,white 45%,white 50%,#aaa 52%,white 55%,white 60%,#bbb 62%,white 65%);
background-size: 100px 100px;
background-color: #fff;
}