Rounded corners

The Rounded corners subsection rounds an element's corners. You can choose a preset radius, a custom global radius, or a different radius for each corner.

Preset radii

The Preset radii selector offers six ready-to-use values:

• None — straight corners.
• Small — slightly rounded corners (12 px).
• Medium — moderate rounding (24 px).
• Large — pronounced rounding (48 px).
• Very large — strong rounding (64 px).
• Full — full rounding, turns a square into a circle.

Choosing a preset applies the same value to all four corners.

Corner radius

For a custom global radius, drag the Corner radius slider between 0 and 500 pixels.

Edit each corner

Click Edit each corner to expand the four individual sliders:

• Top left corner
• Top right corner
• Bottom right corner
• Bottom left corner

Useful to create a card with only the top rounded (top left and top right) and a flat bottom, or for "petal" or "tab" graphic effects.

Reset

The Reset settings button clears every radius and reverts to straight corners.