CSS3 geometric circle pattern

CSS3 geometric circle 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, #f5ecd7 20%, transparent 21%),
radial-gradient(circle, #856020 30%, transparent 51%),
radial-gradient(circle, #856020 60%, transparent 61%),
radial-gradient(circle, #f5ecd7 80%, transparent 81%),
radial-gradient(circle, #856020 90%, #856020 91%);
background-color: #856020;
background-size: 150px 150px;
}

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