CSS Inverted Border Radius Generator

Generate smooth SVG shapes with inverted corners, live preview, CSS mask output, clip-path path() output and responsive SVG clipPath export for modern UI cards and buttons.

Tool Tip

Use CSS masks for responsive shapes and SVG output when you need an exact decorative asset.

Generator Controls

Loading tool...

Preview

Toggle the rendered target without changing the generated CSS.

Waiting for generator output…

Pro Code Block

Export the same style in multiple production formats.

// Select a tool to generate code

Copied

Code copied to clipboard.