Design & Assets
Dot Pattern CSS Generator
Generate dotted background CSS pattern.
Input
Dot Pattern CSS Generator
dot patternbackgroundcssdesign
Output
Dot Pattern CSS Generator
.dot-pattern {
min-height: 180px;
border-radius: 12px;
background-color: #ffffff;
background-image: radial-gradient(#cbd5e1 1px, transparent 2px);
background-size: 20px 20px;
}Live preview
Live canvas

