CSS · Functions and values

path()

Uses SVG path data as a clipping or motion shape.

cssRunnable example css course

Syntax

path("M … Z")

Example

Try it

.demo { clip-path: path("M0,0 L100,0 L50,80 Z"); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.