πŸ› οΈ Developer Tools
Β· 1 min read

Free Border Radius Previewer


Adjust each corner and copy the CSS.

12px
12px
12px
12px
px
px

} renderBR();

Quick values

  • Pill shape: set all corners to 50% of the height
  • Circle: equal width and height, all corners at 50%
  • Card: 8–12px on all corners
  • Button: 4–8px on all corners