Does clip-path work on images?

Yes. Apply clip-path to an img element to mask it to any polygon, circle, or ellipse shape.

Is clip-path animatable with CSS?

Yes. Polygon clip-paths with the same number of points can be smoothly animated between shapes.

Yes. Clipped-out areas receive no pointer events by default, which can affect click and hover behavior.

Yes. path() syntax allows arbitrary SVG path data as a clip-path value in modern browsers.

Drag polygon points to design a custom clip-path shape and get the CSS value.

demo

CSS Output