Making an overlapping, angled tab menu with pure CSS

I was playing with a menu just now, needing to reproduce a really messy old site’s that had images of angles embedded between other menu items – ack – so I made a new version of it with CSS only, no images. I hope this helps someone else!


  1. Awesome! Thanks for this. Very simple and clean solution.

    Question: how does the angle happen, and is it possible to create other shapes?

Leave a Reply

Your email address will not be published. Required fields are marked *