Build a CSS box-shadow with offsets, blur, spread, color, opacity and inset
CSS Border Radius Builder
Runs locally
Use CSS Border Radius Builder
What it does
Set each corner's radius in pixels and copy the resulting border-radius declaration; the preview box updates as you type.
It runs entirely in your browser: nothing you enter is uploaded.
Example
One rounder corner
60border-radius: 60px 20px 20px 20px;Sets the top-left radius: border-radius: 60px 20px 20px 20px;
FAQ
In what order are the values written?
Top-left, top-right, bottom-right, bottom-left, the clockwise order CSS uses. All four values are always written, even when they are equal.
Can I use percentages or elliptical corners?
No. Values are in pixels and each corner gets one radius; for percentages or elliptical corners (the slash syntax, such as 50% / 20%), edit the copied CSS.
Does it send anything?
No. It runs in your browser.