create an adaptive quadrilateral trapezoid in css
问题 Is it possible to create the image shapes in css? I've googled this more than I'd like to admit over the last week without finding a solution. I have been able to semi-replicate it but haven't gotten all the requirements worked out. have a border be responsive adapt to content height (in a cms so I don't have control over the amount of text) work in IE9 It needs to adapt to the content height and be responsive. One attempt I used multiple clip-paths but it fails in IE. jsfiddle <div class=