The CSS inset() function allows you to create rectangles to use with the shape-outside, clip-path, and offset-path properties.

.element { clip-path: inset(10px 2em 30% 3vw); }

The CSS image-set() function allows the browser to display the best image from a given set of images.

.element { background-image: image-set(url("image.png") 1x, url("image-large.png") 2x);
}

The CSS image() function renders an image from a URL. We also can add a solid color as a fallback, specify the image’s direction, and use media fragments.

.element { background-image: image(rtl "example.png#xywh=0,15,35,35", #dddddd); }

The invert() function applies a invert filter to an element and its content. It is used with the filter property.

.element { filter: invert(0.8); }