Border Radius Generator
Generate CSS border-radius values visually
cssborderradius
Shadow Layers
Layer 1
X: 0px
Y: 4px
Blur: 6px
Spread: -1px
Layer 2
X: 0px
Y: 2px
Blur: 4px
Spread: -2px
CSS Code
box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1), 0px 2px 4px -2px rgba(0,0,0,0.1);
About Border Radius Generator
Border Radius Generator is a free, browser-based developer tool. Generate CSS border-radius values visually. All processing happens entirely in your browser — no data is sent to any server, and no account is required.
🔒
100% Private
Runs in your browser
⚡
Instant Results
No server round-trips
🎁
Free Forever
No signup required