The clip-path property creates a bounded area that specifies how much of the element should be visible.
Parts that are inside the area are visible, while parts outside the area are hidden. The clipped area is a path, defined either as an internal link, an external SVG, or a shape such as a circle.
clip-path: clip-source | [ basic-shape || geometry-box ] | none;