The modern way to create CSS shapes using a minimal code and a single element. A collection of CSS-only shapes created by Temani Afif.
A CSS-only Wiggly Box shape made with a single-element and modern CSS.
A CSS-only Zig-Zag Box shape made with a single-element and modern CSS.
A CSS-only Vertical Rounded Tab shape made with a single-element and modern CSS.
A CSS-only Minus shape made with a single-element and modern CSS.
A CSS-only Spiral shape made with a single-element and modern CSS.
A CSS-only Battery shape made with a single-element and modern CSS.
A CSS-only Octagon shape made with a single-element and modern CSS.
A CSS-only Circle Cut shape made with a single-element and modern CSS.
A CSS-only Rounded Edge shape made with a single-element and modern CSS.