Divs with skewed backgrounds

Got a design I have to code that includes quite a lot of divs with some kind of skewed edge (see pics for examples). Would just like some input on how to best tackle this. I'm thinking either background images or using :before and :after pseudo elements with css skew. If you've ever done a lyout like this please chime in. Thanks in advance!
nav.jpg
card.jpg
Was this page helpful?