在线工具 Fx - CSS - CSS Clip-Path Maker

-webkit-clip-path: polygon(10% 75%,10% 25%,35% 0%,100% 10%,90% 30%,50% 30%,40% 40%,40% 60%,50% 70%,90% 70%,100% 90%,35% 100%);

clip-path: polygon(10% 75%,10% 25%,35% 0%,100% 10%,90% 30%,50% 30%,40% 40%,40% 60%,50% 70%,90% 70%,100% 90%,35% 100%);

Triangle

Trapezoid

Parallelogram

Rhombus

Pentagon

Hexagon

Heptagon

Octagon

Nonagon

Decagon

Bevel

Rabbet

Left arrow

Right arrow

Left Point

Right Point

Left Chevron

Right Chevron

Star

Cross

Message

Frame

Inset

Round Rect

Circle

Ellipse

Custom