Border Radius Generator

Round each corner independently with a live preview and copy the resulting border-radius CSS.

Top left12px

Top right12px

Bottom right12px

Bottom left12px

CSS

border-radius: 12px;

Round each corner independently; the CSS collapses to a single value when all four match. Runs locally.