CSS, made visual.

Choose a preset, then drag its handles or enter exact percentages. Clip-path clips the element and its contents; it does not change the layout box.

The generated selector is an example. Rename it to match your markup. Shapes, shadows, gradients and rounded corners need an element with dimensions or content.