Polka Dot CSS3 Background Pattern

Polka Dot 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,#f88 5px,transparent 0px),
radial-gradient(circle,#fcf 5px, transparent 0px);
background-image:
-o-radial-gradient(circle,#f88 5px,transparent 0px),
-o-radial-gradient(circle,#fcf 5px, transparent 0px);
background-image:
-webkit-radial-gradient(circle,#f88 5px,transparent 0px),
-webkit-radial-gradient(circle,#fcf 5px, transparent 0px);
background-size: 25px 25px;
background-position: 12px 12px,0px 0px;
background-color: #ffffff;
}

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