Your browser does not support the shape() function, which means you won't be able to see the shapes as intended.

Visual shape() editor

CSS output

Code tools
Copied!
clip-path: shape( from 50% 0%, line to 100% 100%, line to 0% 100%, line to 50% 0% );