A single clip-path value clips the whole element (here a gradient fill) to a
polygon(), inset(), circle(), ellipse(),
path(), or url(#id), resolved against the border-box by default or
another box a <geometry-box> keyword selects. path() takes a
string of SVG path data, mapped 1 unit = 1px onto the resolved reference box's top-left
corner.