CSS Border Radius Generator
Create simple or complex asymmetric border-radius shapes and copy the CSS. Perfect for blobs and pills.
About CSS Border Radius Generator
Updated Mar 2025Control all four corner radii independently to create pills, circles, blobs, and any custom rounded shape. Use the sliders to adjust each corner and preview the shape live. Copy the complete CSS border-radius value including the shorthand or expanded form.
Frequently Asked Questions
Related Tools
CSS Box Shadow Generator
Interactively configure box shadow offsets, blur, spread, an…
CSS Gradient Generator
Visually build linear, radial, or conic CSS gradients and co…
CSS Minifier
Minify CSS by removing whitespace, comments, and redundant r…
Color Picker & Converter
Pick colors and convert between HEX, RGB, HSL, and HSV forma…
CSS Grid Generator
Visually design CSS Grid layouts with live preview. Generate…
CSS Flexbox Generator
Visually design CSS Flexbox layouts. Generate flex-direction…
CSS Unit Converter
Convert between CSS units: px, rem, em, vw, vh, pt, pc, cm, …
CSS Specificity Calculator
Calculate and compare CSS selector specificity scores (a, b,…