Mask Corner Radius

corner-radius

Sets how far the corners are rounded when mask=corners is used. It has no effect with any other mask shape.

The default is 20% of the shorter side, and a radius may be at most half the shorter side.

A value may be given in pixels or as a fraction of the shorter side. Supply either a single value for all four corners, or four values as tl,tr,br,bl separated by a comma, a semicolon or a pipe.

A single value must be above 0. Setting corner-radius=0 or a negative value keeps the 20% default, matching the Rendering API. In the per-corner form a 0 is a square corner, and the bottom-right and bottom-left values may be negative to square those corners.

dpr scales pixel radii.

mask applies to still frames only. Video, animations and spritesheets draw no mask.

Examples

Each example renders a still of the same video.

mask=corners with no corner-radius — the default is 20% of the shorter side.
https://assets.imgix.net/Croatia.mp4?w=600&fm=png&mask=corners

Default

Default crop

Default

Default