Polka Dots Background CSS Generator
Create custom polka dot backgrounds with CSS using this free online generator.
Adjust the dot size, color, spacing, position, and background color while checking the result with a real-time preview.
Copy the generated CSS code and use it directly in your website or web project.
Sponsored Links
Customization
Preview
CSS Code
background-color: #ffffff;
background-image: radial-gradient(circle, #06b6d4 5px, transparent 5px);
background-position: 0 0;
background-size: 30px 30px;Notes
- This tool is intended for modern browsers. Some generated CSS may not work in older browsers.
- This site uses modern-normalize.css. The preview may look slightly different depending on the reset CSS or other styles used in your project.
Sponsored Links
