What is the clip-path property used for?

It defines a shape that clips (hides) parts of an element.

Example:

.image {

clip-path: circle(50% at 50% 50%);

Key Takeaway:

clip-path creates creative shapes like circles, polygons, or custom SVG paths.