Border Radius Playground

Light Mode

Create complex border-radius shapes (each corner independent), preview live and export CSS. URL: /border-radius-playground/

Unit Link corners

Top-left

Top-right

Bottom-right

Bottom-left

Box size x px

Background

Border

Presets

Soft pill

Circle-ish

Blob left

Diagonal

Swoosh

border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px

CSS

/* CSS will appear here */

Live values

--

🔧 Similar Tools