How do I use the border radius generator?

Drag the sliders for each corner or enter pixel values, then copy the generated CSS border-radius code straight into your stylesheet.

Can I set different radius for each corner?

Yes. You can control the top-left, top-right, bottom-right, and bottom-left corners independently to create custom shapes.

Yes, the CSS is 100% free to use in any personal or commercial project with no attribution required.

← Alle gereedskap / CSS Border Radius Generator

Ontwerp pasgemaakte rand-radius-vorms met regstreekse voorskou en een-klik CSS-kopie.

Bo-links 20 px

Bo-regs 20 px

Regs onder 20 px

Links onder 20 px

Agtergrondkleur

CSS

Sleep die skuifbalke vir elke hoek of voer pixelwaardes in, en kopieer dan die gegenereerde CSS-grens-radius-kode reguit na jou stylblad.

Ja. Jy kan die hoeke links bo, regs bo, regs onder en links onder onafhanklik beheer om persoonlike vorms te skep.

Ja, die CSS is 100% gratis om in enige persoonlike of kommersiële projek te gebruik sonder dat erkenning vereis word.