CSS Border Radius Generator

The border-radius property accepts four values in the order top-left, top-right, bottom-right, bottom-left, so each corner can have its own radius — useful for organic shapes like blobs or asymmetric cards.

Set every corner to 50% (or a value at least half the element's smaller dimension) — this tool uses pixel values, so for a perfect circle make sure the element is square and the radius is at least half its width.