Angled Edges with CSS Clip-Path

Angled Edges with CSS Clip-Path

Add a consistent angled edge to a full width element. This technique uses CSS clip-path to clip the image but has a fallback using pseudo elements for older browsers. It is only intended for use on full width elements as it uses the vw unit to calulate the angle.

Leave a Reply