Gray Rings CSS3 Background 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;
}

  • The picture will open in a new window/tab. You can download the image by right-clicking and save.
  • Preview Pattern
  • Categories: CSS3 Patterns
  • Tags: , ,