← Chrome 150 reference

v150 · covered on mdn

Allow optional rounding parameter for polygon()

The polygon() CSS shape function gains an optional round <length> parameter that rounds every vertex of the polygon by the specified radius — turning sharp clip-path or shape-outside polygons into smooth rounded shapes with a single extra token. Chrome 150 ships this on desktop, Android, and WebView.

this API is documented on MDN

polygon() CSS function — CSS — MDN Web Docs

gendn doesn't duplicate APIs that MDN already covers. MDN's polygon() page documents the full syntax including the round <length> parameter, with examples for clip-path and shape-outside use cases. Chrome 150 is the first Chromium-based release to ship the rounding parameter.

quick example

/* Sharp polygon clip */
.badge {
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

/* Same polygon with 8px rounded corners — only the extra token changes */
.badge-rounded {
  clip-path: polygon(round 8px, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

The optional round <length> token appears immediately after the optional fill-rule and before the vertex list. It applies the same corner radius to every vertex of the polygon.

references