CSS (3) & HTML Cut edge

Question

This has already been asked, but I need it in a different way. Please have a look at the image below to see the nav bar I try to realize:

Answer 1

Looks like a static image for the edges will be the only way (unless you want to get technical and use canvas but that would be silly). You could get the angled edge with a rotated block, but you'd run into problems with the shadow. The text inside the bar doesn't seem like it'd be a problem though - for reference, those nav bars are usually implemented as flat lists.

Sorry I couldn't be of more help !