Border Radius Generator

Shape corners with sliders and watch the box change.

Tap a snippet to copy it

How it works

  1. Move a slider, or link all four corners.
  2. Switch between px and %.
  3. Copy the line of CSS.

Quick answers

How do I get a circle?
Use a square box and a 50% radius.
Can corners differ?
Untick Link all corners and set each one.