CSS3 gold outline overlapping circles pattern

CSS3 gold outline overlapping circles 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:
radial-gradient(transparent 70%,gold 71%, white 73%),
radial-gradient(transparent 70%,gold 71%, white 73%) 50px 50px,
conic-gradient(white 25%, white 0 75%,transparent 0);
background-size: 100px 100px;
background-color: white;
}

  • 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: , , , , , ,