CSS · Functions and values

polygon()

Defines an arbitrary polygon for clip-path.

cssRunnable example css course

Syntax

polygon(x y, x y, …)

Example

Try it

.demo { clip-path: polygon(0 0, 100% 0, 50% 100%); }

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