CSS Background clipping - Demo

Triangle

Trapezoid

Parallelogram

Rhombus

Pentagon

Hexagon

Heptagon

Octagon

Nonagon

Decagon

Star

Circle

Frame

Right Chevron

Left Chevron

Left Arrow

Right Arrow