Masking and Clipping Images

clip-path andmask-image are useful for masking and clipping images.

clip-path is a property for clipping (cropping) an element to a specific shape. Various shapes can be clipped, including polygons, circles, and ellipses.

mask-image, on the other hand, is a property for masking an element with an image or gradient. Masks can control transparency, allowing for more complex expressions.