CSS border-radius generator for every corner
Round all four corners together or separately, make blob shapes, preview and copy the CSS.
About CSS border radius
Move the sliders for each corner or tick “Lock all corners”. Use % for ellipses and free shapes, and enable 8-value mode (separate horizontal and vertical radii) for the blob shapes popular in design.
Press “Random shape” for ideas and copy the CSS.
FAQ
How do I make a circle?
border-radius: 50% on a square box.
More tools here
JSON formatter Base64 encode / decode Image ↔ Base64 URL encode / decode HTML entities Hash generator UUID generator JWT decoder Regex tester Cron generator Unix timestamp converter Code formatter Markdown preview Text ↔ binary Color converter Contrast checker CSS gradient JSON to CSV CSV to JSON YAML ↔ JSON JSON to TypeScript AES encryption TOTP generator Password strength checker CSS box shadow Tailwind colors Color palette generator Aspect ratio calculator Chmod calculator