2026
1 featuresThe shape() CSS function creates shapes with a series of commands like line, move, and curve. It can be used with clip-path and shape-outside.
2024
1 featuresThe rect() CSS function creates a rectangle shape with insets from the edges of an element. The xywh() CSS function creates a rectangle shifted by an x and y distance. They can be used with clip-path and shape-outside.
2023
2 featuresThe mask CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.
The fill-box, stroke-box, and view-box values for clip-path set an edge of the element's box to use as the clipping shape.
2021
1 featuresThe clip-path CSS property and SVG attribute set the visible area of an element. Everything outside the area will be hidden.
2020
4 featuresThe clip-path property can be animated using CSS transitions and animations.
The mask-type CSS property on an SVG <mask> element sets whether the mask is a luminance or alpha mask.
The shape-outside CSS property, along with shape-margin and shape-image-threshold, sets the shape around which adjacent content will wrap.
The circle(), ellipse(), inset(), and polygon() CSS shape functions create shapes for use with clip-path and shape-outside.
Limited Availability
2 featuresThe clip CSS property sets the visible area of an absolutely positioned element.
The mask-border CSS property sets how the edges of an element are masked. It is a shorthand for mask-border-outset, mask-border-repeat, mask-border-slice, mask-border-source, and mask-border-width.