OzTools
CSS TOOLS

CSS Border Radius Generator.

Fine-tune each corner and copy border-radius CSS instantly.

border-radius: 20px 20px 20px 20px;

Three simple steps

How to use CSS Border Radius Generator

1

Adjust corners

Set individual radius for each corner.

2

Preview shape

See the shape update live.

3

Copy CSS

Copy and paste into your component.

Continue in / css

View the category
01CSS Gradient GeneratorGenerate linear and radial CSS gradients with live preview.02CSS Box Shadow GeneratorCreate custom box-shadow values with visual preview and copy CSS.03CSS Glassmorphism GeneratorBuild frosted-glass cards with blur and transparency controls.04CSS Loader GeneratorGenerate animated CSS loaders including spinner, dots, bars and pulse.05CSS Background Pattern GeneratorCreate reusable background patterns with CSS output.