Skip to content

Shape corners and copy the border-radius CSS

Adjust each corner independently and copy the exact border-radius CSS you need.
tl20px
tr20px
br20px
bl20px
border-radius: 20px;

About this tool

How to use it

  1. Enter values or drag each corner slider.
  2. Preview updates in real time.
  3. Copy the border-radius CSS.

Why it lives here

Everything runs in your browser. No account, no ads, no tracking, and no upload.

Tagged with

border radiusroundedcss designers

related tools

Lorem ipsum Placeholder copy by paragraphs, sentences or words — any length, instantly. Writers Color palette Generate palettes by harmony rule with CSS variables. Designers Color converter Enter a color once and get it in HEX, RGB, and HSL simultaneously. Designers