Необычная фигура, как сделать?

[brezze]

Ребят, есть у кого идеи как сделать вот такое чудо ? Проблема в том, что нижний левый хвост, должен быть адаптивным. И растягиваться в лево на больших разрешениях до конца.

Есть идея сделать вектор, но опять же, не могу додуматься, как сделать нижий левый угод адаптивным под большие мониторы ?

 

 

Edited October 5, 2017 by brezze

[mrnobody]

Конечно все зависит от задачи, от того,  что будет находиться в этих элементах.

Если задать overflow: hidden; блоку .boxes-wrapper, то псевдоэлемент обрежется.

 

[mrnobody]

Обновил Pen — добавил меню.

Я создал дополнительный блок (.box__inner) в  котором отменяю трансформацию.

[brezze]

17 минут назад, mrnobody сказал:

Конечно все зависит от задачи, от того,  что будет находиться в этих элементах.

Если задать overflow: hidden; блоку .boxes-wrapper, то псевдоэлемент обрежется.

 

Спасибо вам огромное, просто шикарная работа ) В блоках текст будет находиться, но я уже сам додумаю, как его вставить, чтобы трансформ не применялся ) Еще раз спасибо )

[brezze]

1 час назад, mrnobody сказал:

Обновил Pen — добавил меню.

Я создал дополнительный блок (.box__inner) в  котором отменяю трансформацию.

Спасибо еще раз))) Вы меня очень выручили