I'd like to make this slanted / rotated element with CSS3.
I've tried with clip-path but after the shape is created I can't add border, box-shadow or border-radius to it.
clip-path: polygon(5% 7%, 98% 0, 100% 83%, 0 74%);
I've tried with transform but this is not only rotated, because the sides have different orientation. Also I've tried with SVG, but information that I've found was insufficient for me to find a solution to my problem. This is my last solution, I'd rather use CSS3 than SVG, if possible...
Any sugestions?