Polka Dot Generator

Let's POLKA!

50%
50%
0%
modern
off
Your CSS props
  
  /* Use these custom variables... */
  :root {
    --polka-bg-image:
      radial-gradient(rgb(255, 255, 255) 30%, transparent 30%),
      radial-gradient(rgb(255, 255, 255) 30%, transparent 30%);
    --polka-bg-position: 0px 0px, 104px 104px;
    --polka-bg-size: 208px 208px;
    --polka-bg-color: rgb(255, 51, 51);
  }
  
  /* ...or add this class to an element */
  .polka {
    background-image: 
      radial-gradient(rgb(255, 255, 255) 30%, transparent 30%),
      radial-gradient(rgb(255, 255, 255) 30%, transparent 30%);
    background-position: 0px 0px, 104px 104px;
    background-size: 208px 208px;
    background-color: rgb(255, 51, 51);
  }