clip-path

The clip-path CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.

Values: <clip-source> A <url> referencing an SVG clipPath element. basic-shape A shape whose size and position is defined by the <geometry-box> value. If no geometry box is specified, the border-box will be used as the reference box. One of: inset() Defines an inset rectangle. circle() Defines a circle using a radius and a position. ellipse() Defines an ellipse using two radii and a position. polygon() Defines a polygon using an SVG filling rule and a set of vertices. path() Defines a shape using an optional SVG filling rule and an SVG path definition. rect() Defines a rectangle using the specified distances from the edges of the reference box. shape() Defines a shape using an optional SVG filling rule and shape commands for lines, curves, and arcs. xywh() Defines a rectangle using the specified distances from the top and left edges of the reference box and the specified width and height of the rectangle.

Syntax example: clip-path: none;