Здравствуйте. У меня в макете есть вот такой вот пятиугольник
Я не знаю как лучше его создать. Хочется чтобы код был не громоздким. На этом скрине всего не видно, но этот элемент состоит из 2-х пятиугольников. 1-й белый, а второй залит градиентом, и у каждого eсть shadow белого цвета. Я вот приблизительно сколотит
https://jsfiddle.net/jg8gm2bq/1/ ... кривовато конечно.
Видел на некоторых макетах что просто делают фигуру картинкой и добавляю задним фоном для блока.
Как вы делаете подобные вещи? Я хочу сделать правильно и красиво, но примеров в сети нет.
Подскажите как можно погнуть вот так блок и добавить этой кривой бордер?
Простой
